2019年8月10日
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.……
阅读全文
2019年7月20日
基于 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的全路径即可。
代码示例如下:
![Hugo使用图片资源](/media/01hugo中添加图片资源/img/Hugo使用图片资源.png) 注意:必须将生成路径指定到public下(默认情况下,不许手动设置),才能保证static中资源文件生成到待发布的网站中。原因目前未知。
参考链接:
https://gohugo.io/content-management/page-resources/
http://juju.one/hugo-static-site-generator/
http://nanshu.wang/post/2015-01-31/……
阅读全文