【随手记】博客写作备忘

Web随手记Markdown语法备忘

【随手记】博客写作备忘

客怎眠qvq2024-09-232024-09-23

前言

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

安知鱼

📄 创建文章

hexo new post xxxx
# 例： hexo new post 【Bug周刊】Vol.6

🔗 参考链接

{% 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’提示快标签

> 这是 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 的提交相同。

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

Butterfly

🔆 高亮文字

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

🎈 输入法表情

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

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

emoji配置显示

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

😇 // typora输入显示

🌙 Latex公式

在post的header上补充katex=true

✨ 一键部署提交

hexo clean; hexo g; gulp; hexo d

🍭 标注块

和安知鱼主题一致