Hexo历险记之六字符标签

前言

之前我们已经成功创建了自己的博客，而且用主题和插件进行了美化，那么接下来我们就是要了解如何优雅地编写博客了。

这一篇，我会记录自己常用的字符和标签，以供大家参考和使用。（害羞）

提醒一下，对于图片的处理，我单独拎出来拿到下一篇讲了，否则文章内容太多，会影响观看体验的。

时隔四年，重启Hexo历险计划！

Hexo历险记之六字符标签

---

每个人都有自己的想法，所以其实不用在意文章的结构，当然一个系列的文章如果格式相同是最好的。

另一方面，Hexo博客是用Markdown语法的，所以对应的编写风格也是基于Markdown来扩展的。他支持全部的Markdown语法字符，而且在其基础上又有自己的标签，被多样的主题渲染后就成了目前伙伴们现在看到的博客了。

编写工具

编写工具首推Typora，他是我最信赖的文字编辑工具，后来他终于结束了公测成为了收费版里的一哥，但是完全不能抹去他的传说。

在网上即使你找到了当初公测的安装包，但是也无法使用的，因为已经被官方关闭内测了。当然如果你会科学上网或者有大佬帮着解决掉他的检测，那么恭喜你，掌握了神器。对于Typora的配置和使用，可以参考我的另一篇文章。

之前也接触过书匠编辑器和墨滴编辑器，只能说相见的太晚了，我已经拥有了typora了。至于前任Haroopad，使用起来蛮一般的，左侧是纯语法页，右侧是解析页，还可以手动修改成为纯编辑页面。唔，不说使用感受了，骂前任会缺大德的。

至于HexoEditor则是我生君未生的遗憾了，因为在我寻找可用编辑器的时候，他刚开始没多久，很多功能还不够完善。现在的话，看网评还不错，但是我没有实际去使用过，不做太多推荐。

但是，我预测看这篇文章的伙伴们身份都是贫民党，所以可以给大家推荐另外一个开源的平替项目MarkText可以去尝试。虽然现在还在紧张的开发中，但是看他的噱头是对Typora的仿制，素以我还是比较期待的。

倘若你是小白，还在手打符号格式来实现超链接和引用，那么就应该停下来去寻找更便捷的解决方案。毕竟Windows自带的记事本也不是不能写。（/眯眼微笑）

字符格式

分级标题

一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。

效果如图。

image-20220726215026839

目录

使用这个符号，可以给当前文章加上目录。

[TOC]

效果如图。

image-20220726231918033

但是从使用频率上来说，真的是很少使用。

首先，本地编写的时候，工具Typora本身就可以提供一个方便的目录大纲，而且可以收缩跳转。

其次，我选择的渲染主题Stun，渲染后自动会在右侧出现目录和标号也不需要这个字符。

最后，发布到了其他平台上面，但是有好几个大的平台就完全无法解析这个字符，而其他能解析的又是有自己生成的目录。

字体

重点是粗体，几乎所有工具的加粗快捷键都是Ctrl+B，一般是用来强调某个内容的。其他的字体我用的很少。

*这是斜体* 或 _这也是斜体_ 

**这是粗体**

***这是加粗斜体***

~~这是删除线~~

这是斜体 或 这也是斜体

这是粗体

这是加粗斜体

这是删除线

颜色

本质上解析字符其实与HTML没有太大的区别，在很多编辑器，比如Typora里直接就可以用代码来指定颜色和字号

<font color="#dd0000" size="5">红色的文字，字号为5</font>。
<font color="red">也是红色的文字，默认字号。</font>

红色的文字，字号为5。

也是红色的文字，默认字号。

超链接

超链接很常用的，尤其是提到了官网或者是看了一篇让人茅塞顿开的文章，都会用超链接的方式附上访问链接，以示致敬。

当然，后来用工具自带的超链接，一个快捷键Ctrl+L就完成了。

第一种

最常用的方式，许多工具都已经实现了快捷生成，复制好链接后，用鼠标选择文字，按下快捷键实现超链接。

[超链接名](超链接地址)

[知乎---我的主页](https://www.zhihu.com/people/ke-en-da-di-27)

知乎---我的主页

第二种

这一种除非是在编写类似学术论文的时候，才会使用的方式。否则平时编写经验贴的时候，会很累的。

[CSDN][1]是一个技术博客平台，[简书][2]也是。

[1]:https://blog.csdn.net/qq_41461536?spm=1011.2415.3001.5343
[2]:https://www.jianshu.com/u/9e90f8e6089c

CSDN是一个技术博客平台，简书也是。

第三种

真正的懒人法，附上一个超链接之后就不管了，甚至几天后作者自己回过头来看，不打开链接也不知道是链接到哪里去了。

百度<http://www.baidu.com/>
https://huaji8.top/post/live2d-plugin-2.0/

百度百度一下，你就知道

https://huaji8.top/post/live2d-plugin-2.0/

列表

无序列表

无序列表用-、+、*任何一种都可以。

但是个人角度来说，我更推荐用+号，免得字符组合冲突导致渲染成莫名其妙的样子。

* 无序列表项1
+ 无序列表项2
- 无序列表项3

• 无序列表项1

• 无序列表项2

• 无序列表项3

有序列表

有序列表注意序号跟内容之间要有空格。

从个人经历来说，前期还是常用有序列表的，因为那时候的文章就图个顺序清晰，其他都不在意，但是后来删改次数太多，第七条删去以后，第八条及之后的条目会被工具识别为新的列表，导致整篇文章的顺序都乱套了，所以就慢慢的不用了。

1. 有序列表项1
2. 有序列表项2
3. 有序列表项3

1. 有序列表项1

2. 有序列表项2

3. 有序列表项3

列表嵌套

工具不同，识别渲染的效果也不同。

比如Typora就是用三个空格识别嵌套关系、hexo-admin则就用一个空格来识别，到了各个公众平台，又变成了四个空格识别嵌套。至于TAB则是只有很少的平台会识别成为嵌套。故而若非被迫，我都是尽量减少使用嵌套来表达信息。

1. 有序列表项1
- 无序列表1
2. 有序列表项2
    3. 有序子列表项1
    - 无序子列表2

1. 有序列表项1

• 无序列表1

1. 有序列表项2 3. 有序子列表项1

   • 无序子列表2

插入图片

这里只简单介绍一下显示本地图片的方法，更详细的请移步我的另一篇博客，Hexo历险记之七。

在 Hexo 中插入图片，首先需要将图片放在本地的某个文件夹下，然后绝对路径或者相对路径的方式进行插入。

![图片alt](图片地址 ''图片title'')

![君匡](../images/Hexo历险记之六字符标签/君匡.jpg)

• 图片alt就是显示在图片下面的文字，相当于对图片内容的解释。

• 图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加

君匡

但是这样子并不能保证部署后也能成功！而若是网络图片，那么当断网的时候，本地编辑就全无法显示了。

表格

第一行是表头，第二行是控制对齐格式，第三行及以后是内容。

|表头1|表头2|表头3|表头4
|-| :- | :-: | -: |
|默认左对齐|左对齐|居中对齐|右对齐|

表头1	表头2	表头3	表头4
默认左对齐	左对齐	居中对齐	右对齐

注意，在控制对齐格式时，-字符 有一个就行，如果你是直接看到的Markdown格式内容，那么为了对齐，多加了几个也是可以的。

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

表头	表头	表头
内容	内容	内容
内容	内容	内容

多说几句，如果不是用工具生成的表格结构，我的建议是不要手动敲格式，会变得不幸（/悲伤）。

没办法确定什么时候就会误删除一个竖线｜，然后整个表格的格式就全乱套了。而且不是所有平台都能够像你想象中渲染表格的，甚至有见过几个无法识别表格的主题（/满头雾水）。

你还不如在Word上面用表格编写好内容以后，用截图工具生成图片，再将他插入到文章里来的快捷方便。

引用

在引用的文字前加>后再打一个空格即可。

> 感谢现在的好奇，为了能成为更好的自己。

感谢现在的好奇，为了能成为更好的自己。

从个人角度来说，他的使用频率已经慢慢降到零了。自己编写的博客，引用其他人的东西，为了致敬才使用的么，但是总会有那么几个平台，无！法！识！别！

而我最一开始的时候，几乎全都是把致敬引用填到了这里，后来……替换近百来篇的文章，人都麻了。

分割线

三个或者三个以上的 - 或者 * 都可以。

---

---

个人很少用，只有更新旧博客的时候，会用他区分更新的内容。写正文的时候，那还是得用标题来区分顺序呀。

代码和代码块

单行代码：代码之间分别用一个英文的反引号包起来，键盘位置一般是Esc键下方的，Tab键上方。

多行代码：代码之间分别用三个反引号包起来，且两边的反引号单独占一行

(```)
代码...
代码...
代码...
(```)

注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。

至于编程语言，还是那句话，不是所有平台都能识别的，而且一篇文章里二十来个代码块，都去标注语言真的很累人。

流程图

Markdown格式的编写如下，但是很少，甚至我到现在还没有看见过几个用Markdown写流程图的网络文章。

（```flow）
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
（&```）

首先，Hexo和简书一样，是不支持流程图的。

其次，的确是有支持流程图的工具，书匠编辑器（ markdown 编辑器）就是一个选择。

最后，就个人经验来说，用Processon画出来图片，再插入到文章中来是我的选择。

数学公式

首先，我建议你在用KaTex的语法之前，先从主题的文档介绍中确认了是否支持数学公式的解析。

如果不支持，可能还需要切换渲染器，附上KaTex的语法。

当然我写公式的时候，并没有手敲，而是找了一个可视化工具Mathtype。

附上下载的官方链接，当然我的公众号也提供了工具的度盘下载；附上工具使用教程详解MathType快捷键使用技巧；附上相关参考链接结合MathType和MathJax在Hexo博客中插入数学公式。

Hexo标签

事实证明，我做博客这么久，就真的是一次也没有用过他的标签。

即使是在hexo-admin插件的页面里，也无法做到实时解析（后来发现是需要手动刷新页面）。其他编写工具，听闻有一个HexoEditor的工具号称是专门编写hexo博客的，但是需要伙伴们实际去尝试才能确定，我没有实际用过，不做猜测。

这里只是建议参考hexo的官方标签使用方法，而且在未来迁移博客到其他平台的时候，要考虑二次加工的工作量。

感谢

本文一开始是参考着一篇简书和一篇博客写的，后来又了解到了标签，慢慢整理才知道用什么样的方式来整理语言，叙说内容。

感谢现在的好奇，为了能成为更好的自己。

也感谢19年8月份的自己，能够坚持到现在。

高鸿祥 简书文章

梦里北极光 博主的博客

使用 Typora 一次性搞定公众号写作与排版

如何自定义你的 typora 主题，以少数派为例

hexo的官方标签使用方法