博客选择

/ 动态博客 静态博客
框架 Wordpress、Zblog等 Hexo、Hugo等
优点 部署简单,上手容易,写作方便 (手机上即可写文) 部署到github上可以做到零成本建网站,可拓展性更强,网页加载速度较之动态更快
缺点 成本较之静态较高 有一定的上手难度,需要一定的前端知识 ,工作量很大
总结 适合零基础的新手快速上手 适合有基础或者喜欢折腾的,文件在本地管理方便

本站是基于Hexo框架的butterfly主题创建的,以下内容均用于个人记录,也即本文仅包括Hexo博客的建站过程。

本地软件部分

所谓工欲善其事必先利其器

Hexo的安装

参考官方文档,写的很详细了

1
npm install -g hexo-cli
1
2
3
  hexo init <folder>
$ cd <folder>
$ npm install

服务器配置

在github新建一个仓库,仓库名必须为username.github.io

博客部署至服务器

修改站点配置文件

打开Blog目录的 _config.yml 站点配置文件,找到 deploy配置项,修改为如下内容:

1
2
3
4
deploy:
type: 'git'
repo: '服务器的git仓库位置'
branch: main # 绑定的分支

安装deploy-git插件

1
npm install hexo-deployer-git --save

一键上传

1
hexo cl && hexo g && hexo d

CDN加速GitHub访问