背景

我以前用Hexo下的NexT主题，它很华丽，但打开图片多的文章时巨卡无比比如这篇。

这次我选择了hugo-theme-stack，主要是看中了gallery功能。

更改

大更改

为了方便改主题，我使用了git-submodule安装方式，然后把starter里的config文件夹复制到自己的站点文件夹里。

我按照hugo doc里的方法加了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 
prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
  

graph TD
          A[Christmas] -->|Get money| B(Go shopping)
          B --> C{Let me think}
          B --> G[/Another/]
          C ==>|One| D[Laptop]
          C -->|Two| E[iPhone]
          C -->|Three| F[fa:fa-car Car]
          subgraph section
            C
            D
            E
            F
            G
          end
  

加了admonition，也叫alert。实现方式抄的DoIt里的admonition，样式与github alert 接近。既支持github里的alert样式，又支持mkdocs里的admonition样式（不全），效果如下：

{{< admonition  type=note title="This is a note" >}}
A **note** banner
{{< /admonition >}}

{{< admonition  type=tip title="This is a tip" >}}
A **tip** banner
{{< /admonition >}}

{{< admonition  type=important title="This is an important" >}}
An **important** banner
{{< /admonition >}}

{{< admonition  type=warning title="This is a warning" >}}
A **warning** banner
{{< /admonition >}}

{{< admonition  type=caution title="This is a caution" >}}
A **caution** banner
{{< /admonition >}}

也可以不加type和title，默认type为note，title为type，效果如下：

{{< admonition >}}
Default
{{< /admonition >}}

{{< admonition tip >}}
default tip
{{< /admonition >}}

小更改

小的更改被我放在了site文件夹下。

把链接改成了蓝色，改了代码的字体和字号。

问题

• 暗色模式没法被dark reader识别。

• mermaid的颜色没法随着亮色/暗色模式的切换而切换。（DoIt也有这个问题，于是我写了一个亮暗都能看清不过很丑的mermaid主题）

• 目录没法自动折叠。