搭个人博客原因

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

技术选型

可供选择的技术方案

Jekyll

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

Hugo

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

Hexo

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

VuePress

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

Zola

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

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

准备工作

环境准备

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

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

创建仓库

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

提示

必须要是username，如果不是username虽然也可以创建成功，比如abc，但是得到的会是username.github.io/abc.github.io，就无法配置自定义域名
之后把生成完的html、css、js和资源文件push上来就会自动部署，非常适合没有部署经验且懒的人（没错，就是我）。

工具安装

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

1
2

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

本地配置

新建站点

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

1
2

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

主题

选择主题

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

添加主题

下面以我使用的even为例

1
2
3
4

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

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

1
2
3
4

# 大概是这样的
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

接下去阅读

参考

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