下载和安装最新 hugo 命令工具1

1
2
3
~/opsnull-blog# wget https://github.com/gohugoio/hugo/releases/download/v0.54.0/hugo_0.54.0_Linux-64bit.tar.gz
~/opsnull-blog# tar -xvf hugo_0.54.0_Linux-64bit.tar.gz
~/opsnull-blog# mv hugo /usr/local/bin

创建一个新站点:

1
2
3
4
~/opsnull-blog# hugo new site opsnull-blog
~/opsnull-blog# cd opsnull-blog/
~/opsnull-blog# ls
archetypes  config.toml  content  data  layouts  static  themes

使用 git 管理站点内容:

1
2
~/opsnull-blog# git init
Initialized empty Git repository in /root/opsnull-blog/.git/

然后在 config.toml 中启用 enableGitInfo,这样文章的 Lastmod 参数将被设置为它的 git commit 时间。

在 Github 上 Fork 一个 Hugo Theme,然后 Clone 到项目 themes 目录下,这样后续可以将自己对 theme 的提交到 Github 中:

1
~/opsnull-blog# git clone https://github.com/opsnull/hugo-theme-even themes/even

使用 theme 包含的 config.toml 文件覆盖项目默认的配置:

1
~/opsnull-blog# cp themes/even/exampleSite/config.toml .

访问统计

百度

百度统计平台中提交自己的网站域名,然后获取统计代码:

1
2
3
4
5
6
7
8
9
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3a6c58f0013d3cc4ec3e56984c135511";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

使用 hm.js? 后的字符串设置 config.toml 中的 baiduAnalytics 变量值。

Google

Google Analytics 平台中提交自己的网站域名,然后获取统计 Tracking Id,如 UA-79732341-1,然后用它设置 config.toml 中的 googleAnalytics 变量值。

搜索引擎优化

百度网站验证

百度资源搜索平台站点管理页面 提交自己网站域名,在第三步“验证网站”中选择 “HTML标签验证”, 页面中显示类似 <meta name="baidu-site-verification" content="ikerYRSbFZ" /> 内容,使用 ikerYRSbFZ 设置 config.toml 中的 baiduVerification 变量。

通过验证后,百度可以更快速的收录自己的网站。

Google 网站验证

Google Search Console 提交网站域名以及 sitemap URL即可。

创建 Blog

创建第一篇 Blog:

1
~/opsnull-blog# hugo new post/my-first-post.md

even theme 的 exampleSite/content/post 目录下有很多 markdown 文件,可以快速参考。

启动 Hugo Server

1
~/blog.opsnull.com# hugo serve -wDEF --bind 0.0.0.0 -p 80  -b http://blog.opsnull.com --appendPort=false

设置 Blog DNS 域名

例如将 blog.opsnull.com 指向服务器的外网 IP。