hugo以及hugo的eureka主题使用介绍

2021-03-31

1分钟阅读时长

hugo以及hugo的eureka主题使用介绍，介绍hugo的基本配置、函数、模版等最佳实践

hugo搭建完毕，进行最佳的设置

配置logo和toc

toc 在文章的内容头,配置toc等于true,在config/_default/config.yaml配置(优先级大于根目录的config.toml)层级,从什么标题开始进行tableOfContents
在params中配置logo的相对目录,logo的位置相对于根目录的assets目录
变量和函数用法参照 https://gohugo.io/content-management/organization/

加快加载速度

1. 配置压缩最佳实践

在config.yaml中增加

minify:
  disableCSS: false
  disableHTML: false
  disableJS: false
  disableJSON: false
  disableSVG: false
  disableXML: false
  minifyOutput: true

2. 删除googleapi的配置以及fontawesome的大的js文件，编译出小的fontawesome或者使用淘宝的iconfont替代

支持画图表、表格、数学公司的markdown语法

支持使用mermaid绘图的markdown语法

<div class="mermaid">
  graph TD
  sender[Client] --> receiver[Load Balancer]
  B --> C[Server1]
  B --> D[Server2]
</div>

And here is another:

<div class="mermaid">
  graph TD
  client[Client] -->|tcp_123| Bank(Load Balancer)
  B -->|tcp_456| C[Server1]
  B -->|tcp_456| D[Server2]
</div>

graph TD client[Client] --> Server[Load Balancer] B --> C[Server1] B --> D[Server2]

And here is another:

graph TD A[Client] -->|tcp_123| B(Load Balancer) B -->|tcp_456| C[Server1] B -->|tcp_456| D[Server2]

上一页支持emoji表情

下一页 h265编码的视频进行h264转码资源占用对比

本页内容