Archive of Our Own

Chapter Text

当你开始写一篇文本时，可以在 “Rich Text（富文本）” 和 “HTML” 两种模式之间进行选择。前者就像普通写作软件，而后者则可以更精细地控制视觉效果。因此，本指南会介绍一些 HTML 的使用技巧，并在后续章节中涉及 CSS。

【在前一篇的相关指南的文章中我大力推荐了富文本格式，下文中许多操作都可以直接通过按扭解决，在此不再赘述，只专注于只通过HTML实现。】

我个人最喜欢的功能：

两端对齐（Text justify / Blocksatz）

我写所有同人作品都必须使用它，因为文本就是应该这样排版（大学已经毁了我的审美）。只有当文本长度足够、能占满页面多行时，你才能看到效果——文本会整齐地贴合页面左右两侧。这通常用于论文和书籍，但我觉得“梦想要大一点” ;)

如果不用它，文本默认左对齐。你也可以通过 Skins 实现，但读者可以关闭 Skins，或者它可能与读者的 Site Skin 冲突（据我理解是会这样的）。所以我更倾向直接使用 HTML。复制粘贴是你的好朋友！

写法：
<p align="justify">文本</p>

右对齐文本（虽然我也不知道谁真的需要这个）【有一些特殊文体还是需要的；）】

写法：
<p align="right">文本</p>

居中对齐文本（例如标题。我喜欢配合一条短下划线使用）

写法：
<p align="center">文本</p>

段落标签

这个代码用于开启一个段落（基本上一切都从这里开始），并且必须关闭。

写法：
<p>文本</p>

【感觉这一个应该放在段落格式前先教给大家，大家可以看到，段落格式的代码是在这之上进行衍生的。】

换行符（非常重要）

通常随处可用（例如段落内部），而且不需要关闭标签。

写法：
<br />

【我做一些说明，严谨来说写法是这样：
<p>文本前半段<br />
<p>文本后半段</p>】

【这样一来，一个段落在换行的时候就不会被切开成两个段落。据我所知，简中作者更多的问题是把这个换行当分段使用，导致整个文本非常拥挤，这就是为什么我在上一篇指南中让直接复制黏贴的作者一定要记得换成富文本模式再黏贴】

斜体文本

我通常用斜体表示外语词句或强调某些词。（顺便一提：<br /> 会自动结束粗体或斜体区域，因此如果整段都是斜体，你可能需要多次使用。）

写法：
<em>文本</em> 或
<i>文本</i>

粗体文本

写法：
<strong>文本</strong>

也可以使用 <b>。

删除线文本
我从没想过会用到，但现在确实需要了。所以这就是某人想删除的文字。

写法：
<strike>文本</strike>

【我重新验证过作者在标题中使用的删除线文本，发现其并不属于以上的这种写法（ai告诉我可能是标题的CSS运用被禁止了），而是采用了Unicode字符加以渲染。即：在每一个字母后面加
̶
写法：
̶】

【然而还是失败了，这种写法应用到中文变成这样：】

【中文字符还是too hard to please了】

放大或缩小文字
无需复杂设置即可改变大小。

写法：
<big>文本</big>
<small>文本</small>

这是一般的特殊字体样式
（否则你需要创建 Work Skin，不过那可能效果更好。）

写法：
<tt>文本</tt>

有趣的是：如果你没有关闭 <tt>，而是多次使用它，文字会越来越小，看起来像逐渐消失在背景里，非常有趣。

【试验： 不停放大放大能大成什么样子难道是到无限吗？ 不断缩小到最后真的会消失吗？

】

【普通缩小到最后是什么样子？】

【tt的连续效果又是什么？】

【所以<tt>连续使用并没有什么效果，可能是AO3改版了。目前实验结果是<big>的嵌套似乎不会被暂停，但是<small>的嵌套到一定程度会暂停缩小，并且是缩小两三次之后就暂停，无论初始字号尺寸。】

这是 Work Skins 的测试（并且有效）。它既复杂又简单。Archive 官方提供了"A Step-by-Step Guide to Work Skins"供进一步参考。（而且我很高兴在使用 Work Skins 时，链接也能正常工作！）

【我翻译到第四章后发现这里采用的字体是“monospace”。并且我使用的创建链接也很普通原始，没有那么色彩斑斓。】【现在已经色彩斑斓了。】

关于如何创建链接，请看第三章；字体和 Work Skins 的进一步说明在第四章。

写法：
<p class="textmono">文本</p>

这里的 “textmono” 是我在Work Skin里起的名字。使用它，你可以在同人作品中使用不同字体，这对于喜欢尝试新风格的人来说很酷。不过，据我所知，不同读者的设置可能会看到不同效果。我在电脑和手机上看到的字体也不一样。其他章节会有更多说明。

注意：Work Skins 和部分 HTML 在下载作品后可能无法正常显示！读者可能无法使用或看到很多功能。本章节（基础）即使下载也能很好地工作，所以某种程度上说使用 <tt> 是一个不错的替代字体。在下一章（分隔线），下载 PDF 后只有第一行会显示。

有趣的事情：如果你想制作“故障文字”（glitch text），有一个网站可以生成对应的 HTML。本作品第十三部分会讲解更多，第十四部分则是关于文本生成器。

网站： Zalgotextgenerator
示例效果如下：

h̷̖̘͍̜͓͉͕̑̉̀̈̇ẽ̴̥͖͕̪̋͗̋͐̎̐̀͜͠l̶̪̠͙͔̔̉͑̊̅̏͜l̶̢͔͓̱̰̣̯͙̾̊͛̍̈̏̀̋̇͢͢ơ̧͚̦̮͍͒̒̔͋̿̕ t̸̬̪̘̠́̀͂̀͞ͅh̶̛̩̤̲͔͈̹͙̓̔̅͐̿͛͗̍͜e̷̟͇̰̮̼̬͖̳̒̂̾̐̃̑͘̚͠ͅr͍͈̥͖͇̮͓̤̀͒͌́͛͋͝ͅe̷̝͔̞̻̹̪͛̍̀̊̂̔͆̂̃͢͞ ̷̼͙̗͈̲̱͈̤̗̀͒͗̊͆͠͞

【帮大家试了，中文不适用，会变成乱码。

如下：

…̴̸̢̺̮̣̮̗̦̮̗͕̐̆̅̅̈̽͋͛…̵̵̵̢̢̢̛̛̣͔̥̗̗̤̣̌̅̄̕̕…̴̸̢̺̮̣̮̗̦̮̗͕̐̆̅̅̈̽͋͛…̵̵̵̢̢̢̛̛̣͔̥̗̗̤̣̌̅̄̕̕…̴̸̢̺̮̣̮̗̦̮̗͕̐̆̅̅̈̽͋͛…̵̵̵̢̢̢̛̛̣͔̥̗̗̤̣̌̅̄̕̕

…̴̸̢̺̮̣̮̗̦̮̗͕̐̆̅̅̈̽͋͛…̵̵̵̢̢̢̛̛̣͔̥̗̗̤̣̌̅̄̕̕…̴̸̢̺̮̣̮̗̦̮̗͕̐̆̅̅̈̽͋͛…̵̵̵̢̢̢̛̛̣͔̥̗̗̤̣̌̅̄̕̕…̴̸̢̺̮̣̮̗̦̮̗͕̐̆̅̅̈̽͋͛…̵̵̵̢̢̢̛̛̣͔̥̗̗̤̣̌̅̄̕̕

…̴̸̢̺̮̣̮̗̦̮̗͕̐̆̅̅̈̽͋͛我̴̢̡̛͓̮̮̣͔̣̥̤̈̆̽̈̽̃̈̃们̵̸̵̶̶̸̴̧̦̖̣̤̳̮͖̦͆̈͜͟再̵̵̧̡̧̨͖̮̣̤̥̼̽̂͊̊͛͆͌͜去̸̵̴̷̴̷̢̻͓̦̗̼̳̀͋͋̐͆̕̕一̷̵̵̢̛̣̥̭͔͖̤̦̇̽̽́͊́̅͛起̵̸̶̵̸̨̧̭̮̮̤̥̮̗̃̊̄̌̂͝旅̸̵̢̧̤̥̣̥̦̦̆̈͛́̂̀̄́͝͝行̴̷̷̶̵͓̗̭̻͚̃̈̅̇̂͌̀͜͜͝吧̷̶̷̢̡̨̢͓̭̖̤̦̭̮̥̊̀̈͊͞。̵̶̵̴̢̡̢̧̣̗̭̗̮̦̗̆̈̂̆̈

】

【奇怪的是，移动端是支持的。】

其他常用 HTML 用法：

这个改变字体位置：上标^{（用于脚注或日期等）}

写法：
^{^文本}

这个也是：下标_{（例如化学公式 H₂O）}

写法：
^_文本

空格，没   错，HTML 中多个空格会被压缩，但在 AO3 可以保留。

写法：
^ 

在我的经验里，我经常使用大量空格进行炫酷排版，所以多多复制黏贴吧。

现在，你可以把它们组合起来使用！

我是从Mewsmodeus和她们的作品 I'M NOT AN FANFIC AUTHOR PLEASE DON'T CURSE ME里面学来的。

OH NOOOOOOO_OOOOOOOO

写法：
^{<p>OH NO<small>OO<small>OO<small>OO_{OO_{OO_{OO_OO}}}</small></small></small></p>}

【首行缩进】

【突然想起来这才是属于简中作者最需要的基础排版No.1（本文首行缩进排版反而很丑因此我放弃了）。】

【需要注意的点有：1.必须创建一个Work Skin。2.针对一个完整的段落首行缩进，即采用<br/>换行不会缩进。】

【WorkSkins代码如下：

#workskin p {

text-indent: 2em !important;

}

】

【如果你需要此段不进行首行缩进，写法：
^{<p class="no-indent">不缩进那一段的文本</p>】}

【关于这一项更详细的一些细碎问题仍然推荐参考我上一篇文章】