Hexo的自定义配置
vscode 代码片段配置像 HTML 一样, hexo 可以自定义很多标注性质的词法来渲染不容类型的信息进行展示, 而像我这样的懒人, 一般不乐意一直不停的敲那些一成不变的代码片段, 所以在 blog 根目录下建立一个隐藏文件夹 .vscode, 在这个文件夹内新建文件 snippets.code-snippets 可以定义更短的代码来触发代码片段, 方便内容编辑.
所以现在我正在使用的 blog 所拥有的代码片段用 mermaid 图展示就是:
stateDiagram-v2
direction LR
[*]-->BBlock
[*]-->ThmBlock
[*]-->RefBlock
state BBlock {
direction LR
Mermaid: >mermaid
MermaidDesc: mermaid图
Bubble: >bubble
BubbleDesc: 用来显示鼠标悬停信息
Mermaid-->MermaidDesc
Bubble-->BubbleDesc
}
state ThmBlock {
direction LR
Def: >def
DefDesc: 定义区块
Thm: >thm
ThmDesc: 定理区块
Lemma: >lem
LemmaDesc: 引理区块
Hint: >hint
HintDesc: 提示, 折叠消息类
Ques: >ques
QuesDesc: 问题区块
Example: >example
ExampleDesc: 例子区块
Otherproof: >otherproof
OtherproofDesc: 对于多种证法的证明使用tab页
Def-->DefDesc
Thm-->ThmDesc
Lemma-->LemmaDesc
Hint-->HintDesc
Ques-->QuesDesc
Example-->ExampleDesc
Otherproof-->OtherproofDesc
}
state RefBlock {
direction LR
Label: >label
LabelDesc: ...
第一个hexo日志
安装 hexo 与编写博文123$ npm install hexo-cli -g$ cd blog$ npm install
新建一个文件, 然后发布到github上去
123456789101112131415161718192021222324$ hexo new "第一个hexo日志"INFO Created: ~/blog/source/_posts/第一个hexo日志.md$ vim ~/blog/source/_posts/第一个hexo日志.md$ npm install hexo-deployer-git --save$ vim _config.yml$ cat _config.yml...title: Larry_Eppes's Trivia Collection Sitekeywords: MATH, COMPUTERauthor: Larry Eppeslanguage: entimezone: 'Asia/Shanghai'...url: http://larryeppes.github.io...deploy: type: 'git' repo: https://github.com/larryeppes/larryeppes.github.io$ hexo serverINFO Start processingINFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.$ hexo deploy --generate
博文信息提醒 note123{% note simple %}默認 提示块标签{% endnote %}
默認 提示块标签
123{% note default simple %}default 提示块标签{% endnote %}
default 提示块标签
123{% note primary simple %}primary 提示块标签{% endnote %}
primary 提示块标签
123{% note success ...
