html静态网页生成器_使用了静态网页生成器：从WordPress 到 Hugo

2020.10.6 增补：又换回了 Hugo，使用 Github 和 Netlify 托管，真香。

2020.7.27 增补 ： 博客地址已更变为 https://xd.sh.cn ，并从Hugo迁移回了WordPress，WordPress 真香。

----- 以下是原文 ------

之前立过一个flag，说并不会把博客变为静态的，依然使用wordpress作为博客的主力。但是基于考试考完闲着蛋疼、无穷无尽折腾的原则，准备试试静态博客，也就是分别尝试了两个静态网页生成器：hexo和hugo。在使用两者之前就有将两者进行过对比，前者基于node.js、后者基于golang，在对比了种种优缺点之后决定还是选择wordpress 。不过还是对比出来一点东西的，个人倾向于hugo。

本文的目录（仅供参考之用，点了会跳转到原文）：

1. 尝试
2. 静态博客最快速上手
3. 安装 hugo
4. 用 hugo 创建第一个新网站
5. 给网站增加一点内容
   1. 写第一篇文章
   2. 或者复制粘贴你的 markdown 文件
6. 预览和上传站点
   1. 上传并部署站点
      1. 使用 FTP
      2. 使用 Git
7. 杂项的配置
   1. 内容摘要
   2. 永久链接配置
   3. 新建页面
   4. 更改字体
   5. 增加百度、谷歌统计
   6. 显示数学公式
   7. 显示目录
8. 增补

尝试

但是，最明显的优点在于：hugo在构建过程中更快、hexo使用人数更多资源更丰富。作为新手的我，先用中文资源多的hexo搞了一遍，成功了之后换了无数套hexo主题没有太满意的，于是打算自己改一下主题。但是看到那些主题文件稍微有点懵，主题文件的后缀名千奇百怪：有些主题用了.ejs、有些主题用了.pug。

反正也很好查，pug就是jade文件——一种通过缩进的方式来编写代码的过程、可以和html相互转换。但是不巧的是，我那套主题把pug代码文本放到那种html转换器，并不能很好地转为html代码、直接修改这些文件又废眼睛（像在改一团乱码）。这种糟糕的体验很容易会使一个懒人放弃，于是我拿着一堆md文件正式投奔hugo的怀抱。

静态博客最快速上手

如果你有一个虚拟主机或者服务器，服务器搭建好了环境或者面板（比如：宝塔面板），那么你就可以在自己的本地电脑上生成一堆网页静态文件：比方说html、css、图片等等，然后一股脑地传到自己地虚拟主机上。绑定域名、解析域名、打开网址，网站建成了。

在上段所述过程中，最需要讲地就是“生成一堆网页静态文件”，本篇讲的就是这个步骤。有了这堆静态文件，网站=完成。

安装hugo

安装hugo可以直接点击hugo的快速入门，在windows中安装hugo。

我的环境是windows，选择的安装方法是Chocolatey (Windows)，步骤如下：

1. 用管理员身份打开windows中的Windows PowerShell（命令提示符）。（windows中搜索powershell，右键“用管理员身份运行”）
2. 复制下方代码，然后执行

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

1. 输入choco，查看是否安