Skip to content

benefit6/hugo-theme-zozo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hugo Theme Zozo

GitHub

该主题移植自 Aragaki,结构样式参考自 菩提树下,部分功能参考自 Even

在线预览Demo

截图

zozo

安装

首先进入 hugo 的站点目录运行下面的命令:

$ git clone https://github.com/varkai/hugo-theme-zozo themes/zozo

本主题提供了一个示例配置文件是 exampleSite 目录里的 config.toml 文件。

配置文件中对大部分配置都有详细的注释说明,复制该文件到站点目录下,根据自己的情况修改即可。

更多安装信息查看 Hugo 官方文档 setup guide

示例站点

exampleSite 是本主题的一个示例站点,里面有配置文件、关于页面的一些示例。

关于页面

使用关于页面,首先要在你的站点目录的 content 目录下创建一个 about 目录,然后再创建一个 index.md 文件,最后编写该文件即可。

Shortcodes

主题提供了 img shortcode.

{{< img src="path/to/xxx.png" >}}

Math 公式

本主题支持 MathJax 数学公式,默认为关闭状态,如需使用,需要在 config.toml 中进行设置。

设置 [params] 下的 mathjax = true 来支持数学公式。

Valine 评论

本主题提供了 Valine 评论系统,默认为关闭状态,如需使用,需要在 config.toml 中进行设置。

设置 [params.valine] 下的 enable = true 来开启评论系统,并将 appIdappKey 设置为你自己的。

社交链接

本主题的社交链接是字体图标的样式,并放置在了页面头部。你可以通过在 config.toml[social] 模块中修改添加你的社交链接。

部署主题

配置完成之后,就可以使用下面的命令来启动 hugo 服务编译 markdown 文件生成静态站点:

$ hugo server

然后在浏览器地址栏输入 localhost:1313 来访问站点。

License

Released under the MIT License.

致谢

About

🌟 A simple and beautiful theme for Hugo

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 53.4%
  • HTML 43.1%
  • JavaScript 3.5%