前言

如今，我的博客网站已经稳定运行了一年多，但我始终没有写过一篇系统地搭建博客网站的教程。回想当初我刚开始搭建这个博客网站的时候，遇到了各种各样奇怪的问题，解决起来很是头疼。因此，我希望这篇博客能够帮助新手少走弯路，节约宝贵的时间，轻轻松松完成博客网站的搭建。

本文所介绍的博客搭建方法是基于Hexo，并将博客文件部署在GitHub上实现公网访问。

准备工作&大致流程

搭建个人博客网站需要做好充分的准备。因为个人博客流量并不大，所以并没有必要为了搭建博客而购买云服务器，这样做成本太高。我的方法是利用github仓库作为网站的服务器，并安装hexo开源框架的博客系统来实现简单的博客网站配置。下面我们就来详细展开

接下来的操作需要访问外网

注册Github账号

访问Github官网<github.com>，按提示注册账号；

注册完成后，点击右上角头像，点击your repositories,点击新建；

repositories的名称填写 “自己的昵称”.github.io，README文档可以选择添加，点击创建；

安装nodejs和git

访问网站<nodejs.org>，按步骤安装nodejs LTS版；

访问网站<git-scm.com>，安装Windows版Git；

两个应用均按系统提示安装即可。

配置SSH

在想要保存blog文档处新建文件夹（下文称blog文件夹），打开文件夹右键选择Git Bash Here，按以下方式依次设置user.name和user.email；

1
2
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

生成SSH密钥；

1
ssh-keygen -t rsa -C "你的GitHub注册邮箱"

此时，在用户文件夹下会有一个新的文件夹.ssh（C:\Users\用户名.ssh），复制id_rsa.pub文件内容；

打开GitHub网站，点击头像，点击settings，选择SSH and GPG keys，创建新SSH key，将复制内容粘贴在文本框中，点击添加即可；

安装Hexo

在blog文件夹中git bash,运行下列代码：

1
2
3
4
5
6
7
8
npm install -g hexo-cli //安装hexo

hexo -v  //查看hexo版本

hexo init blog  //初始化博客文件

cd blog
npm install //安装hexo拓展

新建完成后，指定文件夹目录下有：

node_modules: 依赖包
public：存放生成的页面
scaffolds：生成文章的一些模板
source：用来存放你的文章
themes：主题
_config.yml: 博客的配置文件

新建完成后，执行：

1
2
hexo g //hexo generator
hexo s //hexo server 终止按ctrl+c

此时下面会显示localhost:4000，按ctrl访问本地服务器；
此时会显示hexo的默认主题界面。

将Hexo部署到GitHub库

这一步，我们就可以将hexo和GitHub关联起来，也就是将hexo生成的文章部署到GitHub上，打开站点配置文件 _config.yml，翻到最后，修改为
YourgithubName就是你的GitHub账户

1
2
3
4
deploy:
  type: git
  repo: https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

这个时候需要先安装deploy-git ，也就是部署的命令,这样你才能用命令部署到GitHub。

1
npm install hexo-deployer-git --save

然后

1
2
3
4
hexo clean  //清除了你之前生成的东西，也可以不加。
hexo generate  //顾名思义，生成静态文章，可以用 hexo g缩写
hexo deploy  //部署文章，可以用hexo d缩写
//可用 hexo d -g 组合来代替后两者

过一会儿就可以在http://yourname.github.io 这个网站看到你的博客了！！

至此，你的博客网站就可以运行了，但要想将网站设计的更加美观，功能更加丰富，访问更加方便，我们还可以为网站安装主题和插件，并配置一个好记有特点的域名。

更换主题

hexo自带的默认主题是landscape

根据我个人喜好，我推荐下面两个主题：

butterfly主题https://butterfly.js.org/
aurora主题https://aurora.tridiamond.tech/

其中butterfly主题扩展性更强，页面更简约；aurora主题更美观震撼。网站内有主题的安装与使用教程。

设置个人域名

现在你的个人网站的地址是 yourname.github.io，如果觉得这个网址不太满意，这就需要你设置个人域名了。但是需要花钱（绝大多数情况）。

在阿里云，百度云等平台上买一个域名，我买的是 haoyuedk.top，各个后缀的价格不太一样，比如最广泛的.com就比较贵，看个人喜好。

你需要先去进行实名认证,然后在域名控制台中，看到你购买的域名。点解析进去，添加解析。

注意，解析线路选择默认，不要选境外。这个境外是后面来做国内外分流用的，记得现在选择默认！！

登录GitHub，进入之前创建的仓库，点击settings，设置Custom domain，输入你的域名。

然后在你的博客文件source中创建一个名为CNAME文件，不要后缀。写上你的域名。

最后，在gitbash中，输入clean g d三连。过不了多久，再打开你的浏览器，输入你自己的域名，就可以看到搭建的网站啦！