博客简易搭建指南

文章目录

1. 1. 选域名
2. 2. 安装网页框架
3. 3. 创建Hexo项目
4. 4. 配置GitHub Pages
5. 5. 将域名指向GitHub Pages
6. 6. 本地测试与调试

今年过年回家，感觉格外地忙。跑东跑西的吃饭，还有很多小事儿，加上放假时间也短，搞科研应该是行不通了。趁这个时间搞了个个人网站出来，以后就有地方可以写博客了。大概是年初三开始研究，初五初六做完了，一共耗时6个小时，这里把具体的过程写在这里，给有需要的同学参考。

选域名

说到做网页，尤其是做个人网页，第一件事肯定是选域名，我是在GoDaddy上买的域名，也可以在Namecheap之类的域名网站买，尽量找大一些的网站。

我在检索的时候发现没有rendawei.com了，在rendawei1210.com、rendawei.me和rendawei.dev这三个域名中纠结了蛮久的，最后选了最便宜的.dev，价格大概是500块/3年左右。因为我职业也算是半个码农，所以.dev也算是合乎我原本决定的网站做技术博客的调性。在这里说明一下，在选择.dev网站时候，网站会提示必须使用https，但这个很好办，我们把网站托管到github上的话本身就是带https的，所以不用担心这点。

安装网页框架

我选择用了Hexo这个静态网站生成器，因为我主要是写博客用，不需要研究那些前端的东西所以选择了这个，搭配了Jacman主题。Hexo是用Node.js的，算是一个比较老的生成器，这个的好处就是后面写博客部署很方便，换机器之类的也不会很麻烦，直接复制yml就可以，而且生成静态网站，加载速度很快，写写博客不错。

下面的教程适用linux系统

首先要安装Node.js环境和npm包管理器：

sudo apt update
sudo apt install nodejs npm

接下来需要安装Hexo：

sudo npm install -g hexo-cli

到这里可以检查一下是否安装成功

node -v
hexo -v

安装网页生成器框架就到此为止。

创建Hexo项目

首先cd进你想创建博客的目录，然后开始创建一个新的Hexo项目：

hexo init myblog
cd myblog
npm install

上面的操作将会创建一个新的Hexo博客，并安装所需要的依赖。
然后如果想用Jacman主题的话，cd进Hexo的根目录：

git clone https://github.com/wuchong/jacman.git themes/jacman

安装完成后，编辑Hexo配置文件/_config.yml，将主题设置为Jacman。

配置GitHub Pages

首先进入github，创建一个新的仓库，一定要public，命名为rendawei.github.io这是github pages的标准命名格式。

然后编辑Hexo配置文件/_config.yml，修改配置为：

deploy:
  type: git
  repository: https://github.com/yourusername/username.github.io.git
  branch: main

然后执行：

npm install hexo-deployer-git --save

再进行部署：

hexo generate
hexo deploy

部署完成后，你可以在浏览器中访问 https://yourusername.github.io 来查看你的博客。

将域名指向GitHub Pages

这里需要在你购买的域名服务提供商，将域名指向GitHub Pages，需要再服务商网页中设置以下DNS记录

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

同时，在github repo的页面下，创建一个名为CNAME的文件，不要有后缀，内容是自定义的域名，如：rendawei.dev

本地测试与调试

你可以使用 Hexo 本地预览命令来查看网站效果：

hexo server

然后在浏览器里访问http://localhost:4000，进行本地查看。
最后，你可以根据你的需要优化你的Hexo博客，调整Jacman主题中的/_config.yml，添加插件，编写博客文章等。
写在最后：不要忘了提交你的代码到github上哦，hexo deploy仅仅是提交了网页的public上去，如果想保存网页内容，请记得及时提交备份。