Hugo 主题开发笔记
Dec 26, 2019
我的极简 Hugo 主题 Notepadium 已被收录到官方主题推荐列表。 记录一下开发过程中的一些心得。 开发过程中 避免生成多余空行 Hugo 处理源文件时,会把 go 标记 {{ }} 所在行替换…
使用 Hugo v0.62 的渲染钩子(Render hooks)
Dec 24, 2019
Hugo 发布了新版本 0.62.0,新增加了 Markdown 渲染钩子(Render Hooks)的功能。 渲染钩子是 Goldmark 引擎的新特性,利用渲染钩子可以替代 shortcode 来实现自定义…
导出全部 Chroma 主题 CSS 文件
Dec 11, 2019
Chroma 是 hugo 默认使用的开源语法高亮引擎,使用 Go 语言编写,渲染速度很快。 使用以下 shell 脚本可以把内置的主题都导出为 CSS 文件: #!/bin/zsh styles=( \ abap \ algol \ algol_nu \ api \ arduino \ autumn \…
给 Hugo 开启 Disqus 评论系统
Dec 10, 2019
Hugo 已经内置了 Disqus 的模版,开启 Disqus 相当简单。 参考官方文档: https://gohugo.io/content-management/comments/ 首先需要注册一个 Disqus 帐号,官网是 https://disqus.com/ 然后创建一个站点,站点名称可以随意,这个名字稍后要用到…
在 Hugo 的 Markdown 里直接使用 HTML
Dec 05, 2019
hugo 在处理 Markdown 文档的时候会忽略里面的 HTML 代码,如果想在 Markdown 里嵌入 HTML 代码,可以使用 hugo 的 shortcode 来实现。 在 layouts/shortcodes 里新建一个 raw.html 文件,如果路径不存在可以用命令 mkdir -p layouts/shortcodes 创…
在 netlify 使用最新版本的 hugo 和 go 构建网站
Nov 29, 2019
如果你使用 hugo 构建网站,那么一定知道 hugo 最近新发布了 v0.60 版本 hugo v0.60 开始,更换了默认的 markdown 渲染内核,使用更快的 goldmark。 默认设置下 netlify 使用的是保守…
制作一个极速 Hugo 主题
Nov 24, 2019
Hugo 是一个静态网站生成工具,具有生成速度很快、简单易学的特点。 官网是 https://gohugo.io 官网已经提供了丰富的主题,但我依然选择自己制作一款主题自己使用。 主要是自…