Hugo

Hugo 主题开发笔记
Dec 26, 2019
我的极简 Hugo 主题 Notepadium 已被收录到官方主题推荐列表。记录一下开发过程中的一些心得。开发过程中避免生成多余空行 Hugo 处理源文件时，会把 go 标记 {{ }} 所在行替换为空行保留在生成后的页面里，要避免这种情况需要使用 {{- -}} 告诉编译器需要移除空白。 …
Hugo
使用 Hugo v0.62 的渲染钩子（Render hooks）
Dec 24, 2019
Hugo 发布了新版本 0.62.0，新增加了 Markdown 渲染钩子（Render Hooks）的功能。渲染钩子是 Goldmark 引擎的新特性，利用渲染钩子可以替代 shortcode 来实现自定义风格。 …
Hugo
导出全部 Chroma 主题 CSS 文件
Dec 11, 2019
Chroma 是 hugo 默认使用的开源语法高亮引擎，使用 Go 语言编写，渲染速度很快。使用以下 shell 脚本可以把内置的主题都导出为 CSS 文件： #!/bin/zsh styles=( \ abap \ algol \ algol_nu \ api \ arduino \ autumn \ borland \ bw \ colorful \ dracula \ emacs \ friendly \ fruity \ github \ igor \ lovelace \ manni \ monokai \ monokailight \ murphy \ native \ paraiso-dark \ paraiso-light \ pastie \ perldoc \ pygments \ rainbow_dash \ rrt \ solarized-dark \ solarized-dark256 \ solarized-light \ swapoff \ tango \ trac \ vim \ vs \ xcode \ ) for var in ${styles[@]}; do echo $var hugo gen chromastyles --style=$var > $var.css done
Hugo
给 Hugo 开启 Disqus 评论系统
Dec 10, 2019
Hugo 已经内置了 Disqus 的模版，开启 Disqus 相当简单。参考官方文档： https://gohugo.io/content-management/comments/ 首先需要注册一个 Disqus 帐号，官网是 https://disqus.com/ 然后创建一个站点，站点名称可以随意，这个名字稍后要用到。 …
Hugo
在 Hugo 的 Markdown 里直接使用 HTML
Dec 05, 2019
hugo 在处理 Markdown 文档的时候会忽略里面的 HTML 代码，如果想在 Markdown 里嵌入 HTML 代码，可以使用 hugo 的 shortcode 来实现。在 layouts/shortcodes 里新建一个 raw.html 文件，如果路径不存在可以用命令 mkdir -p layouts/shortcodes 创建。 …
Hugo
在 netlify 使用最新版本的 hugo 和 go 构建网站
Nov 29, 2019
如果你使用 hugo 构建网站，那么一定知道 hugo 最近新发布了 v0.60 版本 hugo v0.60 开始，更换了默认的 markdown 渲染内核，使用更快的 goldmark。默认设置下 netlify 使用的是保守设置，不会使用最新版本的 go 和 hugo 来构建网站。可以增加两个环境变量来覆盖 netlify 的默认设置： …
Hugo
制作一个极速 Hugo 主题
Nov 24, 2019
Hugo 是一个静态网站生成工具，具有生成速度很快、简单易学的特点。官网是 https://gohugo.io 官网已经提供了丰富的主题，但我依然选择自己制作一款主题自己使用。主要是自己的博客使用，要求非常简单，只要能像微信公众号那样显示文章就行，其他的花哨功能都不要。 …
Hugo