Hexo搭建个人博客（一）——框架搭建

写在前面：完成此篇教程后，即可实现hexo个人博客的简单部署。下一步我们就要进行博客网站的布局设计，页面美化，可以参考下一篇文章《Hexo搭建个人博客（二）——页面美化》

目录

1、安装git

2、安装Node.js

3、安装Hexo

4、安装next主题

5、本地调试

6、服务器部署

（1）注册github

（2）配置git账户信息

（3）配置SSH

① 生成SSH

②复制公钥内容到Github账户信息中

③测试SSH是否配置成功

 （4）安装部署工具

（5）开始自动部署 

---

1、安装git

下载地址：Windows git工具

安装后添加环境变量

2、安装Node.js

下载地址：nodejs

3、安装Hexo

先在E盘创建一个目录作为Hexo站点（盘符自己决定），例，本教程在E盘根目录创建了一个blog文件夹。打开blog文件夹，在地址栏输入cmd打开命令提示符，进行如下操作：

npm install -g hexo    //安装hexo
hexo init    //初始化，创建一个hexo站点
//安装依赖
npm install
npm install hexo --save
npm install hexo-server

4、安装next主题

git clone https://github.com/iissnan/hexo-theme-next themes/next	//克隆next主题文件到站点根目录下的/themes/next

切换next 主题：打开站点配置文件（E:\blog\_config_yml）,搜索theme: landscape，改为theme: next。需要注意的是，hexo中所有键值对需要在冒号后加一个空格，很重要。

修改next主题风格：打开主题配置文件（E:\blog\/themes/next/_config.yml），搜索Scheme Settings ，取消注释scheme: Mist

5、本地调试

hexo g    //生成静态页面
hexo s    //启动服务

正常即可打开浏览器http://localhost:4000进行预览 

6、服务器部署

（1）注册github

新建一个仓库，仓库名为“用户名.github.io”。具体过程这里不多说，可以参考《搭建个人博客-hexo+github详细完整步骤》。仓库创建好后，

打开站点配置文件，切到最后面，设置服务器仓库地址

（2）配置git账户信息

git config --global user.name "yourname"
git config --global user.email "youremail@xx.com"

（3）配置SSH

① 生成SSH

打开Git Bash，输入以下命令，则生成一个新的SSH

ssh-keygen -t rsa -C "your e-mail"    //your e-mail是你注册Github时用到的邮箱。

然后接下来几步都直接按回车键，最后生成如下

②复制公钥内容到Github账户信息中

打开~/.ssh/id_rsa.pub文件，复制里面的内容；

打开Github官网，登陆后进入到个人设置(点击头像->setting)，点击右侧的SSH Keys，点击Add SSH key；填写title之后，将之前复制的内容粘贴到Key框中，最后点击Add key即可。

③测试SSH是否配置成功

输入

ssh -T git@github.com

如果显示以下，则说明ssh配置成功。

Hi username! You've successfully authenticated, but GitHub does not
provide shell access.

 （4）安装部署工具

npm install hexo-deployer-git --save

（5）开始自动部署 

//第一次部署
hexo d
//之后部署
hexo clean
hexo d

部署可能出现的问题：服务器内容没有更新

解决方法：删除站点根目录（E:\blog）下.deploy_git文件夹，再次执行以上“之后部署”的命令。

 

下一篇文章：《Hexo搭建个人博客（二）——页面美化》

 

参考文章：《Hexo+Github: 搭建属于自己的静态博客》