pdf预览功能
文章Front-matter
---
title:
date:
tags:
- A
- B
- C
categories: D
description:
copyright: false
post_copyright:
copyright_author: xxxx
copyright_author_href: https://xxxxxx.com
copyright_url: https://xxxxxx.com
copyright_info: 此文章版权归xxxxx所有，如有转载，请註明来自原作者
toc_number: true/false
toc: true/false
swiper_index: 1
---
|
pdf生成
常用hexo命令
hexo clean && hexo g && hexo s
hexo clean && hexo g && hexo d && hexo algolia
|
引用博客内文章
- [显示文字](/2025/10/日期/文字名称)
- 例子：
[框架知识点](/2025/10/13/宝塔面板知识点)
|
跳转到指定标题
小技巧：如果您不确定 ID 是什么，可以在浏览器中打开目标文章，点击一下目录中的那个标题，此时浏览器地址栏末尾 # 后面的那串字符就是您需要的标题ID 。
- [跳到 Next 的安装说明](/2025/12/08/next-theme/标题ID)
- 同理换唯一链接插件后前部分更改
复选框列表(github可用,hexo原生不支持)
- 需要改用插件，具体看另一篇，当然还有latex需求的话换pandoc
- 在列表符号后面加上 [x] 或者 [ ] 代表选中或者未选中情况
- [ ] content
-空格[空格]空格content
|
- [ ]括号里面的空格可以换成[x],代表选中对话框
快捷键
- Markdown All in One 插件支持许多 Markdown 语法的快捷键，使得格式化文本、插入链接、图片和其他元素变得非常简单。
| 操作 |
快捷键 |
操作 |
快捷键 |
| 加粗 |
Ctrl + B |
撤销 |
Ctrl + Z |
| 斜体 |
Ctrl + I |
重做 |
Ctrl + Y |
| 删除线 |
Alt + S |
标题(uplevel) |
Ctrl + Shift + ] |
| Toggle math environment |
Ctrl + M |
标题(downlevel) |
Ctrl + Shift + [ |
| Check/Uncheck task list item |
Alt + C |
|
|
目录和标题
- （Github 版）如果使用 [TOC] 命令来生成目录，需要下载 “Markdown TOC” 插件。（未实践）
- 在 Github 版上不下载 Markdown TOC 插件创建目录的方法：按下快捷键 Ctrl + Shift + P 调出命令框，输入 Markdown ，找到 “Markdown All in One：创建目录” 即可。
- 使用 # 符号来创建标题。一个 # 是一级标题，两个 # 是二级标题，以此类推，最多六级。
文本样式
- 使用 * 或 _ 包围的文本会变为斜体。
- 使用 ** 或 __ 包围的文本会被加粗。
- 使用 *** 或 ___ 包围的文本会变为粗斜体。
- 使用 ~~ 包围的文本会被横线删除。
- （Github 版）使用 <mark> 和 </mark> 包围的文本会被高亮。
- 在 > 后的文本会被引用。
- （Github 版）使用 <sub> 和 </sub> 包围的文本会变为下标。
- （Github 版）使用 <sup> 和 </sup> 包围的文本会变为上标。
- 使用 <u> 和 </u> 包围的文本会出现下划线。
- 输入 *** 后回车，即可添加分隔线。
- 编写不被渲染输出的内容：<!–文本–>
- 在文本前使用    代表在文本前按下一次Tab 键。
- 若需要空一行，按下回车键即可；若需要空多行，则需要在每一行空行处添加    。
- 若需要添加在 Markdown 中具有特殊意义的字符，在该符号前添加 \ 即可。
列表
- 使用 - 或 * 或 + 加空格来创建无序列表。
- 使用数字加 . 后加空格来创建有序列表。
- 使用 - [ ] 后加空格来创建待办列表，使用 - [x] 进行打勾（字母 x 或 X）。
图片
- 使用  来插入图片。
- 带尺寸的图片：! [图片名称] (图片路径/1.png =60×60)
- 宽度确定高度等比例的图片：! [图片名称] (图片路径/1.png =60×)
- 高度确定宽度等比例的图片：! [图片名称] (图片路径/1.png =×60)
- 居中的图片：! [图片名称] (图片路径/1.png#pic_center)
居左：#pic_left ，居右：#pic_right
居中并且带尺寸的图片：! [图片名称] (图片路径/1.png#pic_center =60×60)
链接
- 使用 <链接地址> 直接显示网站链接。
- 使用 [显示文本](链接地址) 来创建超链接，显示文本会代替连接出现。
代码
- 使用反引号插入单行代码，使用三个反引号创建代码块。
- 段首键入 Tab 键或输出 4 个空格，即可添加代码块。
- 段落前后添加三个反引号，即可将中间段落识别为代码块；若要在正文中键入代码，则在代码前后添加一个反引号。
- 需要代码高亮时，在段落前的三个反引号后添加语言名称，如 python ，即可高亮显示代码块。
表格
- 左对齐：|:–| ，右对齐：|--:| ，居中对齐：|:--:| 。
- 可以在表格中设置文本格式。例如可以添加链接，代码（仅反引号（`）中的单词或短语，而不是代码块）和强调；但是不能添加标题，块引用，列表，水平规则，图像或 HTML 标签。
- 可以使用表格的 HTML 字符代码 | 在表中显示竖线 | 字符。
- 表格居中代码
<style>
.center
{
width: auto;
display: table;
margin-left: auto;
margin-right: auto;
}
</style>
<p align="center"><font face="黑体" size=2.>表1 示例表格</font></p>
<div class="center">
| 序号 | 内容 | 描述 |
| :---: | :---: | :---------------: |
| 1 | l | 大写字母L的小写字母l |
| 2 | I | 大写字母I |
| 3 | 1 | 数字1 |
</div>
|
表1 示例表格
| 序号 |
内容 |
描述 |
| 1 |
l |
大写字母L的小写字母l |
| 2 |
I |
大写字母I |
| 3 |
1 |
数字1 |
<style>
.center
{
width: auto;
display: table;
margin-left: auto;
margin-right: auto;
}
</style>
<div class="center">
</div>
|
注脚与注释
- 在文本后输入 [^数字] 添加注脚，在其它处输入 [^数字]: 添加注脚的解释。
- 在其它处输入 *[文本]: 添加注释，在原文本处会出现虚下划线，鼠标靠近虚下划线就会出现注释内容。
- 插件尝试
- H2O：H~2~O; H<sub>2</sub>O
- x2+：x^2^+; x<sup>2</sup>+
- Inserted：<u>Inserted</u>
数学公式
参考文章：markdown公式符号大全
符号表情
一些 Markdown 应用程序允许通过键入表情符号短代码来插入表情符号。这些以冒号开头和结尾，并包含表情符号的名称。
一些常见的表情符号简码列表见网页：github markdown 表情符号标记的完整列表
其他
- 在 CSDN 版的 Markdown 中，如果输入 ® 或 ® 会显示为 ® ，解决办法是：输入 (r) 或 (R) 即可。
- 花体字母：
- HTML 字符代码 < 在 Markdown 中显示 < 字符
HTML 字符代码 > 在 Markdown 中显示 > 字符
HTML 字符代码 = 在 Markdown 中显示 = 字符
其他 HTML 特殊字符对应表请参考文章：html中显示特殊符号（附带特殊字符对应表）
vscode图片直接拖拽粘贴与hexo兼容
- 参考教程
- 设置 VSCode 的 Markdown > Copy Files:Destination
- 打开 vscode 设置界面，搜索“Markdown copy file”。按下图添加一个项目。
Item：**/*.md
Vaule: /img/${documentBaseName}_${fileName}
|
- 打开新的 VSCode 窗口
- 然后以**/source/文件**为根目录打开新的VSCode窗口，然后在里面编写 markdown 文件。此时VSCode将会把图片自动粘贴在/source/img/文件夹下，Hexo 渲染出来的页面也能找到放有图片的/img/路径。
- 注意！！！：手动删除…变成不然网站无法识别！！！
hexo-blog-encrypt插件加密博客文章
首页轮播图配置说明 (hexo-butterfly-swiper)
- 使用
hexo-butterfly-swiper 插件实现
---
title: 文章标题
date: 2025-01-01 12:00:00
swiper_index: 1
cover: /img/example.png
description: 这里是描述
---
|
参考文章
