Hugo + Even + GithubPages + Google Domains搭建个人博客（一）

1 搭个人博客原因

• 自由的平台（不多说）
• 支持markdown，毕竟这个真的能减少大部分的排版时间
• 支持大量文章构建部署，这个特别对于到后期有几百文章的时候真的很关键
• 支持评论系统
• 有活跃的社区，能提供长期技术支持
• 博客网站没了，备份就丢了
• 能够督促自己写笔记，不容易忘记技能
• Github备份，无限量使用

2 技术选型

可供选择的技术方案

2.1 Jekyll

• 优势: Github支持度非常好，官方御用
• 劣势: 基于Ruby，有一定的学习成本

2.2 Hugo

• 优势: 基于Go构建，速度非常快，配置简单
• 劣势: 生态不算非常完善，很多主题虽有但不维护

2.3 Hexo

• 优势: 基于Node.js，速度很快，插件丰富
• 劣势: 没什么大的缺点，可能比Hugo复杂一点且慢一点

2.4 VuePress

• 优势: 针对前端开发者有很大的吸引力，毕竟Vue是信仰
• 劣势: 处于快速发展阶段，很多插件还不足，需要自己摸索

2.5 Zola

• 优势: 基于Rust
• 劣势: 主题少且不维护，遇到问题得自己解决

基于上面，其实应该选Hexo，但是个人实在不喜欢npm module这货，遂选择Hugo，毕竟我也没什么大的要求，快是关键。

3 准备工作

3.1 环境准备

平时开发是用Mac，所以基于Mac环境

1. Homebrew——用Mac开发是必备的
2. Hugo
3. Github账号——Emmmmm….
4. Git——Emmmmmm….

3.2 创建仓库

在Github上创建一个新的仓库，格式为username.github.io

3.3 工具安装

Homebrew我就不介绍了，接下来安装Hugo，一步到位

brew install hugo
hugo version # 检查是否安装成功及查看版本

4 本地配置

4.1 新建站点

首先需要配置一个用来存放资源和配置文件的地方

hugo new site somename # 会自动生成文件夹
cd somename

4.2 主题

4.2.1 选择主题

主题决定了你的网站长什么样，有什么功能。大家可以去Hugo的官方主题站或者V2X去搜索自己喜欢的主题，萝卜青菜各有所爱。

4.2.2 添加主题

下面以我使用的even为例

# 博客的根目录下执行
git init
git submodule add https://github.com/olOwOlo/hugo-theme-even.git themes/even
echo 'theme = "even"' >> config.toml

这时候运行hugo server -D -w，然后根据终端提示的地址打开浏览器，应该能看到博客主页了。

# 大概是这样的
Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
Web Server is available at http://localhost:64444/ (bind address 127.0.0.1)
Press Ctrl+C to stop

5 接下去阅读

• Hugo + Even + GithubPages + Google Domains搭建个人博客（二）

6 参考

如何选定搭建个人独立博客工具
GitHub + Hugo 搭建个人博客