Hugo是一个非常强大的静态博客生成工具,没错你们正在看的本博客也是用Hugo
来生成的博客文章。作为一个对速度有着强烈要求的博主,整个网站使用的阿里云的全站加速功能,虽然博客上图片资源不算少,但是大部分用户访问的时候应该速度不算太慢,为了能够进一步提升访问速度,自然而然想到的就是对 CSS 样式或者 JS 文件进行合并压缩了。
在 Hugo 文章中添加 Adsense 广告单元
之前在首页添加了 Google Adsense 信息流广告,文章详情页没有添加,而文章详情页是 Hugo 编译 markdown 文档过后的,我们可以通过主题下面的layouts/_default/single.html
看到模板中是通{{ .Content }}
进行渲染的,那么如果我们想要在文章中添加 Adsense 广告的话呢?应该怎样添加呢?
其实很简单,我们只需要在文章中加上一个特殊的标签,然后在模板中将该标签替换掉即可。我们在用 Hugo 写文章的时候添加的< !--more-->
标签就是这种原理。
Hugo 集成 Gitment 评论插件
Hugo 集成 Algolia 搜索
Hugo是由 Steve Francis 大神(http://spf13.com/)基于Go
语言开发的静态网站构建工具。没错你现在看到的本博客就是基于Hugo
的,使用 Hugo 创建一个网站是非常简单的,基本上没有什么门槛,官方还提供了大量的主题供你选择,你只需要专心写的文章就行。不过有个问题是搜索,我们知道搜索属于动态行为了,如何给静态网站增加搜索功能呢?当然我们可以使用Google
的站内搜索功能,Hugo 官方也提供了一些开源的和商业的解决方案,今天我们要介绍的就是一个非常优秀的商业解决方案:Algolia。