系统配置

装扮博客

color picker 取色
看到别人博客闪闪的，禁不住也想秀一个。好感慨前端技术发展的速度，奈何自己后端不咋样，前端也是个白痴，唉。

particles.js

particles.js github主页
使用教程

See the Pen particles.js by Vincent Garreau (@VincentGarreau) on CodePen.

canvas-nest.js

canvas-nest.js github主页
canvas w3c

mermaid

一个非常棒的画流程图、时序图等工具，集成到博客中也很简单。
集成方法：https://www.npmjs.com/package/hexo-filter-mermaid-diagrams
命令：

1
2
3
4
5
6
7
8
9
10
11
12
13
` ` ` mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail...
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
` ` `

效果：

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts 
prevail...
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

more syntax

其它类似工具：plantuml

mathjax

{% katex %} c = \pm\sqrt{a^2 + b^2} {% endkatex %}
{% mathjax %} \frac{1}{x^2-1} {% endmathjax %}
https://latex-tutorial.com/tutorials/amsmath/
https://www.overleaf.com/learn/latex/mathematical_expressions