Hexo 环境搭建 & 常用插件集成
背景描述
本文主要记录 Hexo 博客系统搭建过程，以及一些常用插件的集成和使用过程，后续会一直迭代更新。
常用插件集成
PlantUml 安装使用
作用： 在 Hexo 中识别并生成由 flow 编写的图表。
Github地址： 暂无
Hexo插件： two/hexo-tag-plantuml
Install： npm hexo-tag-plantuml --save
示例：
flowchart 安装使用
作用： 在 Hexo 中识别并生成由 flow 编写的图表。
Github地址： adrai/flowchart.js
Hexo插件： bubkoo/hexo-filter-flowchart
Install： npm install hexo-filter-flowchart --save
示例：
mermaid 安装使用
作用： 在 Hexo 中识别并生成由 mermaid 编写的图表。
网址： https://mermaidjs.github.io/
Github地址： mermaid-js/mermaid
Hexo插件： webappdevelp/hexo-filter-mermaid-diagrams
Install： npm install hexo-filter-mermaid-diagrams --save
示例：
sequenceDiagram
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!gantt section Section Completed :done, des1, 2014-01-06,2014-01-08 Active :active, des2, 2014-01-07, 3d Parallel 1 : des3, after des1, 1d Parallel 2 : des4, after des1, 1d Parallel 3 : des5, after des3, 1d Parallel 4 : des6, after des4, 1d
MathJax 安装使用
作用： MathJax is an open-source JavaScript display engine for LaTeX, MathML, and AsciiMath notation that works in all modern browsers.
Github地址： mathjax/MathJax
Hexo插件： phoenixcw/hexo-renderer-mathjax | hexojs/hexo-math
Install： npm install hexo-renderer-mathjax --save | npm install hexo-math --save
PS. 对于 MathJax 功能的支持，有一些不同的 hexo 插件，根据使用的插件不同需要不同的配置。我使用的 hexo-theme-concise 主题，在这个 issue 中解决了 MathJax 支持问题：issue33
示例：
行内表达式：
$MEMORY*(单节点总核数/NPROC)\leq单节点总内存$
$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2$
$a = b + c$
$F_a = F_b + F_c + F_{\mu}$
块表达式：
$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$
$$ f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$
$$f(x) = 3x + 7$$
$$\frac{\partial u}{\partial t}
= h^2 \left( \frac{\partial^2 u}{\partial x^2} +
\frac{\partial^2 u}{\partial y^2} +
\frac{\partial^2 u}{\partial z^2}\right)$$$$lim_{1\to+\infty}P(|\frac{1}{n}\sum_i^nX_i-\mu|<\epsilon)=1, i=1,…,n$$
hexo-pdf 安装使用
作用： 在 Hexo 中展示 PDF 文件内容。
网址： 暂无
Github地址： 暂无
Hexo插件： superalsrk/hexo-pdf
Install： npm install --save hexo-pdf
示例：
Normal PDF
1
2
3{% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %}
{% pdf ./bash_freshman.pdf %}Google drive
1
{% pdf https://drive.google.com/file/d/0B6qSwdwPxPRdTEliX0dhQ2JfUEU/preview %}
Slideshare
1
{% pdf http://www.slideshare.net/slideshow/embed_code/key/8Jl0hUt2OKUOOE %}
live2dw 安装使用
参考资料
- 在Hexo中渲染MathJax数学公式
- 在Hexo中使用Markdown绘制图表
- 如何在 hexo 中支持 Mathjax？
- hexo下LaTeX无法显示的解决方案
- hexo 博客添加 pdf 插件
- Hexo 使用 Github Actions 自动发布至 Github Pages 时，生成的 html 页面空白？
- 如何使用 GitHub Actions 自动部署 Hexo 博客
- 利用 Github Actions 自动部署 Hexo 博客
- 免费CDN：jsDelivr+Github 使用方法