Hugo 简介 Hugo 官网对其描述如下： Hugo is a static website generator written in Go. It is optimized for speed, ease of use, and configurability. Hugo takes a directory with content and templates and renders them into a full HTML website. Hugo宣称有如下特性： (1) Blistering Speed(生成速度快) Hugo is the fastest tool of its kind. At <1 ms per page, the average site builds in less than a second. (2) Shortcodes（短代码） Hugo’s shortcodes are Markdown’s hidden superpower.……

阅读全文

基于 Hugo 实现简单的博客展示后，遇到的第一个使用上的问题就是，如何将md中引用的图片资源添加到Hugo中。 Hugo 生成页面流程简介 在介绍”Hugo中添加并使用图片资源”前，先简要下Hugo在生成页面时，执行流程。 Hugo在生成页面时，主要经历以下流程: 1. 拷贝静态资源到public文件夹，包括： 拷贝 theme/static/* 到 public/下 拷贝 static/* 到 public/下 2. 遍历所有content/下所有文件。具体操作如下： 获取文件头信息，并把正文markdown转换为html 4. 渲染生成相关页面。 渲染已生成页面对应的正文页面，生成文件夹对应的列表页面，生成分类页面，生成主页。 Hugo 使用图片资源 因为 Hugo 将 static 目录下的文件拷贝到 public 下，所以在 MD 中引用图片时，仅需要使用基于static的全路径即可。 代码示例如下：  注意：必须将生成路径指定到public下（默认情况下，不许手动设置），才能保证static中资源文件生成到待发布的网站中。原因目前未知。 参考链接： https://gohugo.io/content-management/page-resources/ http://juju.one/hugo-static-site-generator/ http://nanshu.wang/post/2015-01-31/……

阅读全文