Hexo+Github搭建个人博客入坑全过程

前言

因为是在读研究生，所以得为找工作谋划谋划，算不上技术博客也就是分享一下我学习的心得感受吧。最初是从up主codesheep那看到的搭建一个个人博客，于是我开始了自己的入坑全过程。

---

一、Hexo配置安装与运行

1. 首先我们要知道Hexo是一个基于Node.js开发的，所以需要下载安装Node.js，Node.js安装过程自行体会，不会的面壁，使用下方命令验证安装是否正确

npm-v

2. 如果你是window环境下安装使用，需要有Git环境，建议下载Git Bash，后续在

3. 与Ubuntu原因类似，更换npm（Node Package Manager）源， 这里我使用的是淘宝的源

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

验证一下当前确实可用：

cnpm -v

Node.js安装验证

4. 安装Hexo客户端，无敌简单

npm install -g hexo-cli

通过hexo -v来验证

5. mkdir一个文件夹，来存放blog的所有文件，所有的文件都在这个文件夹下，如果后续出了什么bug或者进行电脑移植，对这个文件夹操作就OK了

• cd 到当前创建的blog的文件夹下
• 进行初始化：hexo init，这里需要Git环境的，可能会比较慢，耐心等待

• 最终生成的文件如图所示：

  
  本地文件生成样式

6. 四个简单重要的命令

hexo n "我的第一篇博文" #新建一篇博文，会在/source/_posts下生成一个.md文件
hexo clean #清理当前工作空间
hexo g #这里的g是generate的缩写，表示生成静态资源
hexo s #开启本地服务

效果图如下：

四个命令

我们可以通过：http://localhost:4000 实现本地访问

至此，hexo的安装与运行过程结束

---

二、发布到Github

我觉得建一个公网可以访问的web，还是蛮骄傲的事情吧！（我大概是个傲娇的人hhh）

1. 登陆github账号，右上角+号，新建一个repository

2. 这里repo的命名是很讲究的：必须是 github的username.github.io,如下图所示：

   
   image

3. 需要安装一个插件：

cnpm install --save hexo-deployer-git

这里会有一个Warning忽略即可

4. 文件配置，在blog文件下有一个很重要的文件 _config.yml ，后续的一些列美化都会用到这个文件
   打开，找到deploy节点，进行填充，如图：
   修改配置文件

5. 部署到远端，，过程中需要输入github账号和密码
   这里的密码输入默认是无显示的，大家不要以为是没输入进去

hexo d

如图所示：

push到github
至此，大功告成，我们可以登录网站查看，地址对应的改成自己的就ok了，可能会有一点延迟：
https://nwpuwuhaibo.github.io/

后续

1.当前自带的样式你一定不喜欢，下一篇文章告诉你如何更换主题
2.更换中的一些注意事项
3.如何用markdown开始写第一篇博文
4.如何用图床提高自己的写作效率