你好。

我的新年决心之一就是花一天时间整理一篇很长很无聊的侧边栏文章，分享我在SB Nation博客上做粉丝帖子的技巧。请注意，我确实有一个不可告人的动机——我希望看到更多更好的东西每天出现，由别人写，让我娱乐。所以如果你有什么想说的，希望这个小教程能帮助你更有效地表达。

请注意，我并不知道关于SBN软件的一切，我也不精通html代码的奇妙之处。但我还是挺成功的。希望这些信息能帮助你做同样的事情。

-timbo

FanPost还是FanShot ?

SB Nation网络的博客新手面临的第一个问题是，用户生成的内容如何在“粉丝帖子”和“粉丝照片”之间进行深奥的划分。这些东西是什么，它们有什么不同?

在最基本的层面上，粉丝帖子是原创文章;FanShots是指向其他人创建的内容的链接。

不过要记住，粉丝贴可能也经常会包含他人的链接，而粉丝照有时也会包含原创素材的片段。这些都是经验法则的例外。如果你只记住FanPosts是原创的，而FanShots是链接，那你就会进入那里。

不幸的是，SBN使用完全不同的界面来粉丝填充和粉丝 - 后者是一团糟。本指南用于使用软件创建FanPosts．你只能靠自己的FanShots了。愿上帝怜悯你的灵魂……

最重要的两件事。

每个作者在发布粉丝帖子之前都需要有两样东西:想法和时间。如果你没有什么可说的，就不要发表这些东西——一个敏锐的观察，一点分析，对传记的一些研究，一些有趣的东西的图片，一件有趣的轶事。如果你没有至少15到20分钟的时间来连贯地完成任务，就不要发表这些内容。没有什么比碰到一个“粉丝帖子”更让人恼火的了，它实际上是一个半文盲、空洞的半吊子边栏杂七杂七的东西:

贸易罗伊! !我们需要用罗伊换安东尼，因为安东尼烂透了。我把它设置在交易机器上，它运行得很好。白痴!!罗伊sux ! !你们觉得呢?75个单词75个单词75个单词75个单词75个单词

如果你没有任何话说，你的感觉是在某种程度上是精明，有趣或娱乐，拯救主持人刷新你的废话的麻烦。如果你想写涂鸦，找一堵墙。做一个粉丝膏需要一点思考，一点时间，首先是。

起步。

有几种方法可以打开一个新的FanPost窗口:在侧边栏最上面的链接新FanPost或编辑FanPosts或FanPosts底部的链接+新FANPOST．这些都很好。我通常使用编辑FanPosts因为我使用模板来设置一个带有重复元素的常规列，但它对第一块真的没有太大的区别。

显然，您可以单击其中一个链接来打开工作区。你会看到像这样的东西:

仔细看看上面的按钮，看起来是这样的……我添加了粉色标签供参考:

以下是这些按钮的作用:

• 1.使突出显示的文本粗体。
• 2.使突出显示的文本斜体。
• 3.错误警报:三振键在FanPosts中不起作用。
• 4.将高亮显示的文本放入引号中。
• 5.缩进并将背景放在选定文本的后面。
• 6.反转按钮号的动作。5.
• 7.将突出显示的列表变成项目符号。请参阅下面的bug注释1。
• 8.为突出显示的列表分配数字。请参阅下面的bug注释1。
• 风格菜单:下拉菜单，改变选定文本的格式。
• 一种。撤销按钮。(与Mac上的COMMAND + Z相同)。
• b。重做按钮可扭转按钮否的动作。一种。
• c。在布局中插入纯文本。
• d。将Microsoft Word文档中的文本插入到布局中。
• e。了一个链接。
• f。建立一个链接。
• g。插入一个跳转中断，即使在FanPosts中没有实际的跳转。请参阅下面的bug注释2。
• h。下拉的拼写检查程序。
• X。Save按钮。
• Y。插入图形按钮。
• Z。插入视频按钮。
• 所见即所得。你看到的就是你得到的布局模式，SB Nation称之为“视觉视图”。
• HTML。HTML代码布局模式。

你在所见即所得窗口中写文章，添加一个故事标题，使用按钮格式化，就完成了，对吧?

这很简单，是吧?

对于这个工具箱的不言自明的描述，我还要补充一点:你应该确保定期手动点击保存按钮(按钮X)。不要依赖软件自动保存你的工作。如果出了什么问题，这个软件可能会帮你摆脱困境——但你也可能会失去一大块努力。安全总比遗憾好，所以一定要做手动保存!

好吧，让我们严肃点……

越来越严重。

插入外部文本。

假设你想从Ball Don't Lie网站上的一篇文章中插入一个片段来说明你的观点，即卡梅罗·安东尼是一个充满爱心、关心家庭的男人，他将是波特兰开拓者队的完美人选。你很快就会发现，如果你只是将材料复制并粘贴到FanPost编辑器窗口中，你将会得到一个灾难性的混乱——错误的字体，错误的间距，不存在的链接标记，错误的颜色，等等。

为了解决这个问题，你最好的新朋友是“按钮C”——“插入纯文本按钮”。你复制段落到你电脑的内存(指挥+ C Mac),翻回到编辑器中,单击编辑页面上的光标下面一个额外的线要文本出现(额外的线需要的是一个软件缺陷,不思考它,只是把额外的空间),点击按钮,将文章中的文本粘贴到Button C打开的窗口中，然后单击子窗口上的INSERT按钮。瞧!纯文本将出现在你的布局:

上周六，当你在享用德国香肠和棉花糖夹心饼干时，卡梅罗·安东尼(Carmelo Anthony)和MTV音乐电视节目主持人拉拉·瓦斯奎兹(LaLa Vasquez)结婚了。很酷的周末计划，我想。由于甜瓜是NBA顶级球星，他在纽约的婚礼吸引了不少名人。金·卡戴珊(Kim Kardashian)、斯派克·李(Spike Lee)、贾斯汀·汀布莱克(Justin Timberlake)和卢达克里斯(Ludacris)都出席了，希望他们能在婚宴上给大家带来欢乐。哦，还有你可能听说过的勒布朗·詹姆斯。

你可能需要回去把它清理一下，例如擦去小的“(注释)”标签——但材料被导入时不会把东西弄得一团糟。

我从来没有玩过“按钮D”，“从Word导入”按钮，当我做的时候，我对它印象不太好，但我在我写的每一篇文章上都多次使用好的“按钮C”。它也会成为你的朋友。爱它，珍惜它。

插入图形。

照片可以让一篇没有人关心或记住的普通粉丝帖子和一篇引人注目、令人难忘的文章产生区别。如果你打算花一个小时写东西，为什么不再花10分钟让它看起来更好呢?

不幸的是，用于插入图形的按钮不充分，你需要在“可视视图”(WYSIWYG)和“HTML视图”之间来回跳转，以使内容看起来更好。别担心，代码不会咬你，真的不难。

首先从你想要使用的图形开始。我把东西上传到我自己的服务器上，然后在那里工作，但如果你没有这个能力，有一些服务，比如Photobucket都是常用的。为了说明这个问题，我们将使用位于http://i319.photobucket.com/albums/mm453/ANDRES_DIEZ/Retro%20Pics/So_so_retro_by_mathiole.jpg

要插入图形，首先将光标放置在视觉视图布局页面中希望图像出现的位置，然后选择“Button Y”并粘贴到图像所在的URL中。

通过i319.photobucket.com

这就是你得到的结果。我们很容易删除愚蠢的“via”信息，但你却不得不面对一个围绕着边框的图像，并在上面显示文本，然后在下面跳转。很多人都把它放在那里。他们不应该。

如何去掉边框，或者在文本环绕的情况下将图形对齐到中心或向左或向右?答案在于跳到HTML视图编辑窗口，对HTML代码做超级简单的小调整。

我将使用不同的图形，因为SO RETRO!这东西太大了。我的服务器上有个开拓者的标志http://www.marxisthistory.org/logos/BLAZERS.jpg，我们就用这个吧。

首先，我将像往常一样用按钮Y插入它，并手动消除“via”信息:

这让我们看到了上面的图像。

现在，我单击HTML VIEW选项卡并定位图像。我通常使用电脑上的搜索功能，在图像上方的布局中寻找部分文本来找到它。没有人想要在20个几乎看不清的代码搜索屏幕上滚动，只要快速搜索就能在两秒钟内找到。下面是在HTML视图中图像的相关代码部分:

首先，像往常一样用按钮Y插入，手动消除“via”信息:

That leaves you with the above image.

.

.

这段代码很好，很干净，实际上，很多时候简单的

段落格式标签被粗略的SBN软件取代，长得可怕的东西真的很难读……不管。a href部分是SBN主机上映像的新名称。你唯一关心的是那一小段类= "照片"．这是钱的底线。

如果您只更改html代码中的一个单词，from类= "照片"来类=“正确”-就像我刚才在这里做的，图像自动成为右对齐换行文本。同样的改变类= "照片"来class =“左”使图形与换行文本和左对齐类= "中心"使图像中心对齐，没有边界-例如，如果你想做一个小图形用作标题。

看到改变了对齐和换行文本后，效果好多了吗?这是一件非常简单的事情，从Visual View跳到HTML View只需要几秒钟就可以改变一个字的代码。

SB Nation正式非常突出关于允许使用什么图形。他们有一个巨大的博客编辑器的图像存档，但不幸的是，普通用户制作粉丝博门斯队无法进入宝库。该公司许可证从相关的新闻中获取图像，因此，如果您可以使用适当的信用的AP图像，您可能是Golden - 并且另外还有各种图像在侧边栏上常用在技术上，轻推，眨眼眨眼。此外，您可以使用您从Wikipedia这样的地方带走的任何照片，从而从事诸如类似的地方。

插入视频和对中屏幕。

按钮z使用互联网视频提供的视频或嵌入代码的URL插入视频。使用嵌入式代码通常允许您调整屏幕的大小，边框的颜色等，并且通常比使用URL更有用。

按钮Z将打开一个小窗口，看起来像这样…

这是不言自明的:将URL或Embed Code粘贴到适当的空间中，单击IMPORT按钮，最终在布局页面上出现一个左对齐的回放屏幕。

我通常不使用按钮Z，相反，宁愿插入嵌入代码直接到html代码页，然后居中图像。

首先，以下是回放屏幕(或文本的任何部分)的代码配方:

我从来没有打过这个，我总是从以前的布局中复制粘贴。我怀疑，如果间距有一点错误，事情就无法工作……

为了插入视频，我通常在我的布局中放置一组容易找到的单词，比如

在这里插入愚蠢的视频

然后我跳转到HTML视图，并将我从YouTube或Vimeo或其他地方复制的嵌入代码替换到占位符中，并将初始段落标签

替换为上面的代码recipe

这里的html代码是这样的

为了插入视频，我通常在我的布局中放置一组容易找到的单词，比如

插入愚蠢的视频在这里

然后我跳转到HTML视图，并替换我从YouTube或Vimeo或任何地方复制的嵌入代码到占位符，并替换最初的段落标签<p>

是由我用一些剪切和粘贴变成

为了插入视频，我通常在我的布局中放置一组容易找到的单词，比如

然后我跳转到HTML视图，并替换我从YouTube或Vimeo或任何地方复制的嵌入代码到占位符，并替换最初的段落标签<p>

现在看起来真的很复杂，但它实际上只是两个剪辑和粘贴 - 一个插入嵌入式代码，另一个剪辑，另一个是要将“配方”插入“配方”以将屏幕驻地代替

标记。

这是视频在最终产品中的样子……

保存您的工作。

我不相信SBN的软件——我曾经因为软件故障而丢失了一个完整的软件，并失去了一些工作。如果你正在写一篇特别长的文章，我建议你在写作过程中保存一两次。切换到HTML视图，点击编辑区域，选择全部(在Mac上使用COMMAND + A)，然后将大量的HTML代码粘贴到Word或Pages文字处理器文档中。

你可能永远都不需要它，但如果你需要它，它是好的。

链接和链接。

好了，你已经把所有东西都写好了，格式化好了，准备发表了。SBN的软件要求在每一篇文章上运行一个“自动标签和链接”，这将导致大量丑陋和完全无用的链接。每个球队的名字和每个球员的名字将与一个低价值的链接，和实际重要的链接，你已经插入自己的常规块将丢失在沼泽。

你可以做的一件事是，在文章发表后，使用Unlink工具(“按钮E”)对每个垃圾软件强加给你的链接一个一个地进行物理编辑。然后你重新发布修改后的版本，你就成功了。

一个更好的解决方案是完全避开那些低价值的链接。在编辑窗口下面的标签和链接部分下面有一个下拉滑块读取联盟过滤．篮球博客的默认设置是NBA，但如果你在点击强制设置前将其移到英超足球联赛(English Premier League soccer)运行自动标记和链接按钮，软件找不到球队的名字或球员的名字链接，你可以继续生活，不受污染。

博客编辑有一个小点击按钮，他们可以选择丢弃无用的链接，但我们的侧边栏的人不得不有点棘手。

另外，请确保在您自己插入链接时选择了“打开新窗口”选项。为什么?你不想被你的读者咒骂吧?

编辑，重新编辑，再编辑。

我不管你看多少次视觉视图页面或点击预览按钮，你都会发现排版错误。一旦你发表了你的文章，慢慢地从头读到尾，找出你的错误。然后点击再次编辑它链接在页面顶部的绿色框中，并在重新发布之前修复错误。

我可能会对每一件作品做10到15个改变，添加材料并进行修复。如果你将工作投入到写作中，将工作投入到用图像和视频来说明它，那么就花点时间去修复由于软件漏洞而插入的错别字和死线吧。这就引出了下一个话题……

关于软件bug的一些注意事项。

不幸的是，并非所有事情都能顺利进行。以下是一些已知的错误。

三振出局文本不起作用。即使它被认为是正确的形式划掉和留下改变，在你发布的布局，似乎没有能力做这与FanPost，无论是通过使用删除工具或html编码。无论您做什么，都将以纯文本形式发布内容。所以忘掉这些吧。

错误注1:当您插入图形时，将在每个列表的前面插入空格的空白行，该列表是否为项目符号（按钮7）或编号（按钮8）。对于块引号引号（按钮4）中的材料，这也是真的（但并不总是）。固定这只是屁股的一个小疼痛 - 如果你回去，身体上删除了错误插入的额外休息，他们通常会保持消失。

错误注2:尽管没有办法跳过一个粉丝帖子，但必须在每一篇文章的某个点上使用一个跳转中断。

附录:下面有评论说，在FanPosts的手机版本中确实出现了跳跃。因此，在长文章的顶部附近跳转对使用移动设备的读者是有帮助的，这样他们就不必滚动整个一篇大文章才能看到下一篇。

出版的困难:有时后发布按钮被单击，计时器将旋转，旋转和旋转，而不指示页面被发布。很多时候，文章实际上没有被软件正确地重定向到已发布的页面。要查看情况是否如此，只需打开一个新窗口并访问该站点并检查侧边栏。如果你的作品正在显示，关闭你的编辑窗口，没有担心。

如果事情还没有发表，首先确保保存你的工作(!!)[!!!!!，然后重新加载编辑页面，然后重试。如果还是不行，试着退出，重新启动你的浏览器，打开你的工作编辑FanPosts链接。

这类问题不应该发生，但有时会发生。再次:定期单击save按钮手动保存。将html代码粘贴到Word文档中，保存您的工作。认真对待。

小便。

如果你讨厌这篇用户指南，或者感到困惑，想要阅读另一篇，请看看由博客养老金计划傀儡整理的教程这个链接．

如果你有其他的信息，人们可能会觉得有用，请在评论部分留言。