github（gitee）+hexo，手把手教你搭建属于自己的个性博客

前言：你是不是对CSDN，新浪、博客园等平台单调的博客样式感到无趣？你是不是也对他们一打开铺天盖地的广告感到厌烦？你是不是一直想有个专属于自己的个性博客去无从下手？咳咳，那不是巧了嘛，我也是。不过，既然你看到了这篇文章，那么这个烦恼就不会继续存在了。码云（gitee）的安装过程与github类似，只不过创建的仓库名不同。

Tips：

• 在命令行安装的时候，由于版本的原因，可能会有许多的“Warn”，不要慌张，只要不是“Error”，都可以先不理会。
• 按照下面步骤搭建出的博客完全可以满足日常使用的需求了，不排除有些小可爱更有想法，想开发更多功能，可以参考hexo的官方网站：https://hexo.bootcss.com/，自行探索。

一、node的安装

1. node的下载。
   官网下载：https://nodejs.org/en/（下载稳定版本，以LTS结尾的）
   云盘下载：https://pan.baidu.com/s/1b_N9R-X3adDyG1C7yy9-KQ 提取码：ygyu

2. 打开下载好的安装包进行。

3. 接受协议。

4. 安装在C盘以外的磁盘。

5. 一直点“next”，直到“install”，一段时间后安装成功。

6. “win+R”打开运行，后输入“cmd”，打开命令行。

7. 在命令行中输入命令：

node -v

显示node的版本信息。

二、github的注册

1. 进入官网。
   链接：https://github.com/
2. 选择注册“sign up”。
3. 验证邮箱通过后登陆。
   4. 点击左上角的“Repositories”旁边的“New”创建新的项目（注意项目名称一定要是“用户名.github.io”，勾选“Initialize this repository with a README”）。
   码云的项目名是：“用户名”！！
   
4. 测试。

• 新建“index.html”文件，输入代码：

<h1>Hello Github Pages</h1>

后保存提交。

• 在地址栏输入域名（用户名.github.io），即可看到效果。

三、gitforwin的安装

1. git for win的下载。
   官网下载：https://gitforwindows.org/（下载有yi点点慢）
   云盘下载：https://pan.baidu.com/s/1UjP9CmFLR1r4wfVKO5dxkw 提取码：v0xm
2. 双击安装包进行安装。
3. 安装在C盘以外的磁盘。
4. “next”后勾选“Don’t create a Start Menu folder”再点击“next”。
5. 一直“next”，直到出现如下界面，选择第二个选项。
6. 一直点“next”，直到“install”，一段时间后安装成功。
   
7. 配置git。

• 找到git安装路径中bin的位置，如：“D:\Git\bin”。
• 找到git安装路径中git-core的位置，如：“D:\Git\mingw64\libexec\git-core”。
• 右键“计算机”->“属性”->“高级系统设置”->“环境变量”->在下方的“系统变量”中找到“path”->选中“path”并选择“编辑”->将上面找到的bin和git-core路径复制到其中->保存并退出。
  
  注：“D:\Git"是安装路径，可能与你的安装路径不一样，要按照你自己的路径替换"D:\Git”。

8. 打开命令行（参考1.6），输入命令：

git

查看git的详细信息。

四、githubSHH的配置

1. 在安装路径下（“D:\Git\”）下打开“git-bash.exe”。输入命令：

ssh-keygen -t rsa -C "邮箱" 

再一直回车。
2. 打开github，选择头像 -> Settings -> SSH and GPG keys -> New SSH key。

3. 随意取个“title”，以记事本打开“id_rsa.pub”（我的在“C:\Users\ASUS.ssh\”，注意勾选“隐藏的项目”），复制链接到“key”中，添加。

五、hexo的本地使用

1. 选择任意盘（建议非C盘）新建一个“blog”文件夹，打开命令行，依次输入：

D:
cd blog
npm install hexo-cli -g
hexo init ForestsKingBlog
cd ForestsKingBlog
npm install
hexo s -p 5555 

2. 在浏览器地址栏输入“localhost:5555”，出现了我们的博客（本地）。

六、sublime的安装

1. sublime 的下载。
   官网下载：http://www.sublimetext.com/3
   云盘下载：https://pan.baidu.com/s/1GpXZdH2nXF8MEuF6-npa3A 提取码：k6fx
2. 选择C盘以外的一个磁盘安装Sublime Text 3，一直“next”，直到安装完成。
   
3. 将博客目录直接拖入Sublime Text 3。
   
4. 测试。
   在如图位置输入下面代码，并Ctrl+S保存。

## Hello Hexo

在浏览器地址栏输入“localhost:5555”，发现我们的改动已经出现在了博客上。

七、hexo发布至github

1. 打开_config.yml，将Deployment后改成：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:ForestsKing/ForestsKing.github.io.git
  branch: master

其中“repo”后为github项目里的Code -> Clone with SSH 里的链接。

2. 将“url”后面的链接改为“http://github项目命”。
3. 在命令行中输入下面命令，安装插件，上传代码。

npm install hexo-deployer-git --save
hexo g
hexo d
git config --global user.email "github邮箱"
git config --global user.name "github用户名"
hexo d

4. 在游览器地址栏输入博客网址（项目名）。
   到这里个人博客的搭建就基本完成了！！！

八、hexo主题应用

1. 在hexo官网选取自己喜欢的主题，点击图片可进行预览。
2. 点击主题名称进入github的源码。
3. 查看官方安装步骤
4. 按照提示完成安装。
   在完成第三步的时候遇到一些困难，问题嘛就是网络不稳定，大家都懂的。我采取的解决方法是改用淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org 
npm config set registry https://registry.npm.taobao.org

再用cnpm重新安装：

cnpm install hexo-renderer-jade hexo-renderer-sass --save

重新生成、上传：

hexo g
hexo d

刷新我们的博客，就可以看到我们最终的成果啦！！！

码文不易，如果觉得对你有用的话，点个赞再走吧，谢谢宁！

（才疏学浅，如果有什么说的不对的地方，欢迎大家在评论区或者私信进行指正。）