Hexo搭建个人博客教程（基础篇）

本人是一个技术小白，经过两天的不断查询怎么搭建个人博客，终于建成了属于自己的博客。对于我这种码字爱好者来说，无疑像拥有了自己的一个小窝。下面记录一下自己搭建个人博客的流程以及自己踩得坑。

（注：电脑版本win10. 之前系统是在mac上用移动硬盘安装的Windows to go，后来下载npm时没有权限，故重装了系统）

1.准备工作

下载git： 传送门 （想要了解更多git知识可以参考以下链接：Git教程--廖雪峰网站）

下载nodejs：传送门

我是按照默认选项一步步安装完成的，检测是否安装成功方法：

git：在桌面右击，出现以下图片即为安装成功

nodejs：安装后输入win+r后输入cmd打开控制台输入以下代码：

node -v

npm -v

出现版本号即为nodejs安装成功。

如果不成功就需要配置环境变量，由于这一步我没有进行，这里借鉴一下网友的知识。window系统下Node.js安装以及环境变量配置

2.安装hexo

这一步耗费了我大部分时间，也是很多新手可能要走弯路的地方，这里详细介绍一下安装教程。

在任意盘符新建一个hexo文件夹，并且打开之后在空白之处右击，点击git bash，按步骤进行：

$ npm install -g hexo-cli  #安装hexo

（这里容易被墙，可以选择用cnpm安装；也可以直接在cmd内安装，亲测在cmd内安装成功）

$ hexo init  #在hexo文件夹内生成搭建个人博客所需要的文件

$ npm install  #安装依赖包

$ hexo g  #完整命令为hexo generate，生成静态文件

$ hexo s  #完整命令为hexo server，启动服务器，用来本地预览

（利用淘宝cnpm安装hexo传送门）

在完成第二步后hexo文件夹内生成以下文件夹，才能进行下一步：

├── _config.yml #网站的配置信息

├── package.json

├── scaffolds

├── source

|   ├── _drafts

|   └── _posts #写的博客都在这里

└── themes #主题

在完成最后一步后，输入localhost：4000 ，就可以看见自己的博客了，这时候还是比较简陋的，而且是本地生成的，接下来我们需要将博客托管到github，而且能够输入一个网址查看自己的博客。

3.托管到github

gitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub。这里用到Github，是因为我们需要通过Github得到自己的博客网站域名，而且需要使用gitHub同步我们个人博客的相关文件。

注册github

（1）创建个人仓库

在gitbash中配置github账户信息：在hexo文件夹中gitbash

$ git config --global user.name "yourname"

$ git config --global user.email "youremail"

（2）创建ssh连接

ssh可以理解成本地电脑和github联系到一起的一串钥匙

在Gitbash中输入

ssh-keygen -t rsa -C "[email protected]"

一般.ssh文件在C盘-用户-adminnistrator里。这个准确位置需要看看输入以上代码之后的信息。

之后打开id_rsa pub文件，把里面的内容复制到GitHub中

在gitbash中验证是否添加成功：ssh -T [email protected]

成功之后就可以进行下一步了

4.修改hexo文件夹内_config.yml文件配置（冒号后需要有一个空格）

打开_config.yml在最后找到deploy

在hexo文件夹下gitbash，分别执行以下命令：

hexo clean

hexo g

hexo s

注：hexo 3.0把服务器独立成个别模块，需要单独安装：npm i hexo-server

上传到github

先安装一波npm install hexo-deployer-git --save（这样才能将你写好的文章部署到github服务器上并让别人浏览到）

执行命令(建议每次都按照如下步骤部署)：

hexo clean

hexo g

hexo d

注意deploy的过程中要输入你的username及passward。如下：

在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦，是不是很兴奋！附上本人博客地址：5lichuang.github.io

感觉gitbash中东西太多的时候输入clear命令清空。

到这一步，就基本配置好个人博客了，这是我写的第一篇博客，我先尝试以下是否能上传到我的博客当中，接下来我会继续摸索主题美化，绑定个人域名等操作。

这篇介绍是从纯小白的角度来写的，本人是文科生，希望各路大神多多指点！