【随手记】博客写作备忘

前言

之前一直用的 butterfly 主题,后来跟着小康、洪哥的魔改教程越走越远,直接换成了安知鱼主题,两个版本的部分语法存在差异,所以留个备份避免每次都要翻对应的教程文档。

安知鱼

📄 创建文章

1
2
hexo new post xxxx
# 例: hexo new post 【Bug周刊】Vol.6

🔗 参考链接

1
2
3
{% link 链接文章名, 副标题, 链接地址 %}

{% link 自定义antd的table属性rowKey, 博客园, https://www.cnblogs.com/kaimzhou/p/react-antd-table-rowKey.html %}

✅ 有序列表

该主题有序列表如果中间不连续(如个人习惯敲回车另起一行),会渲染出多个 1. 开头的列表,示例如下:


  1. 测试

这是一段测试文字,测试 1. 测试 渲染情况

  1. 测试2

这是一段测试文字,测试 2. 测试2 渲染情况


因此在该主题中,使用 emoji 作为有序列表的平替方案。

1️⃣ 测试

这是测试1,测试 1️⃣ 测试 的渲染情况,需要使用加粗的语法 ** 才能显示出 emoji 符号的蓝色背景

2️⃣ 测试2

这是测试2,测试 2️⃣ 测试2 的渲染情况,需要使用加粗的语法 ** 才能显示出 emoji 符号的蓝色背景

ℹ️ 引用块、提示块

这是 markdown 常用的语法

这是插件的美化语法

这是一个默认的提示块标签

这是一个default提示块标签

这是一个补充’+’提示块标签

这是一个对号’√’提示块标签

这是一个信息’info’提示块标签

这是一个警告’warn’提示块标签

这是一个危险’danger’提示快标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
> 这是 markdown 常用的语法

{% note flat %}
这是一个默认的提示块标签
{% endnote %}

{% note default flat %}
这是一个default提示块标签
{% endnote %}

{% note primary flat %}
这是一个补充'+'提示块标签
{% endnote %}

{% note success flat %}
这是一个对号'√'提示块标签
{% endnote %}

{% note info flat %}
这是一个信息'info'提示块标签
{% endnote %}

{% note warning flat %}
这是一个警告'warn'提示块标签
{% endnote %}

{% note danger flat %}
这是一个危险'danger'提示快标签
{% endnote %}

⬆️ 文章提交

由于该博客托管在 netlify 上自动构建,所以文章的提交与 git 的提交相同。

1
2
3
git add .
git commit -m '新增文章'
git push origin main

Butterfly

🔆 高亮文字

使用双等号== 你的内容 ==,在该主题会显示高亮块,与单引号包裹文字的效果相同。

🎈 输入法表情

使用按键 win + . 弹出,部分emoji表情在 vscode 输入后会显示乱码,但是使用 typora 等软件会正常显示,这是没有在vscode中指定emoji的显示字体造成的。

可以参考链接教程,配置对应的 editor.fontFamily

emoji配置显示

1
2
3
4
� // vscode 直接输入显示
**😇** // vscode 加粗语法后输入显示

😇 // typora输入显示

🌙 Latex公式

在post的header上补充katex=true

✨ 一键部署提交

1
hexo clean; hexo g; gulp; hexo d

🍭 标注块

和安知鱼主题一致