简书个性域名（附Hexo+gitPage搭建个人博客）

作者: 轻舟 | 来源:发表于2016-11-19 12:41 被阅读1526次

简书不提供个性域名，那一长串的不规则网址不便于推广，于是想到可以申请一个好记的域名绑定到简书个人主页上，输入域名就能自动跳转。在找资料时又看到了用gitHub建个人博客的方法，于是跟着教程又建了一个博客站。整个过程记录如下，操作环境是Windows10。

一、简书绑定个人域名

申请免费域名网站：freenom，提供tk,ml,ga,cf免费后缀域名（这个网站用ie和edge不兼容，用firefox可以正常申请，用校园网也会有小问题，管理url forwarding 时会多次跳转）。申请.com .cn等收费域名网址万网。

检测申请的域名是否可用
选择喜欢的后缀，绑定简书个人主页，填写Email地址，提交订单
点击收到的激活Email中的链接，补充信息，提交后完成申请。
管理URL Forwarding，选择redirect（HTTP 301）模式，默认的Frame弹出窗口模式，会被广告拦截软件拦截。等待十几分钟，浏览器中输入刚申请的域名就能自动转到简书主页了。

二、gitHub+Hexo建个人博客

gitHub是一个代码托管网站，托管的每一个项目都有一个主页用来展示源代码，这个主页是静态html文件，允许用户修改，于是我们就可以把这个页面改造成静态的博客站，输入xxx.github.com就能访问它。整个过程需要用到工具：Hexo(用来生成静态页面)、Node.js(Hexo运行环境)、Git(上传静态页面)，具体流程如下：

部署环境
Git下载地址
Node.js下载地址
安装过程一路点下一步，采用默认设置，注意安装git时要选中Git Bash，后面会用到。
安装、配置Hexo，生成静态文件，本地访问测试
2.1 利用Git Bash安装Hexo
打开Git Bash后输入命令:

npm install hexo-cli -g

默认安装在C:\Users\Joe\AppData\Roaming
2.2 建立本地博文目录，添加依赖
在C盘根目录下建立Hexo文件夹（用来放置所有生成静态页面相关文件），在Bash端cd到Hexo目录（路径斜杠是linux模式的右斜杠/），输入命令初始化（以后每次在Bash端输入命令更新博文都要先cd到这个Hexo目录）：

hexo init

添加依赖

npm install

2.3 生成静态页面，开启本地服务，测试HelloWorld

hexo g && hexo s

g是generate缩写，s是server缩写。
浏览器输入localhost:4000就能在本地访问默认HelloWorld页面。

Hexo HelloWorld
2.4 安装、配置主题
推荐两个：

NexT

git clone https://github.com/iissnan/hexo-theme-next themes/next

NexT主题

new vno

git clone https://github.com/monniya/hexo-theme-new-vno.git themes/new-vno

new vno主题 themes/new-vno命令的作用是命名本地主题文件夹
更改主题，修改_config.yml文件(推荐用Notepad++
)，Ctrl+find定位theme（有的主题要设置语言为zh-Hans），注意冒号后有空格。

language: zh-Hans    //语言中文
theme: next   //主题名称

部署gitHub，上传项目
3.1 注册gitHub，新建repository为xxx.github.io(xxx自定义)
3.2 配置SSH连接

配置username和user email

git config --global user.name "your user name"
git config --global user.email "your email address"

生成SSH密钥（注意命令中的大写C以及之后的空格）

ssh-keygen -t rsa -C “your email address”

这个过程会询问设置密码，按回车默认不设置。最后得到id_rsa 和 id_rsa.pub 私钥和公钥文件，说明生成成功。

添加密钥到gitHub
登录gitHub网站，打开设置项，把id_rsa.pub中的内容复制到new SSH key中。
测试是否配置成功

ssh -T git@github.com

如果出现下面的提示则说明SSH配置成功。

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

3.3 上传博文到gitHub

安装自动部署工具hexo-deployer-git

npm install hexo-deployer-git --save

修改hexo配置文件_config.yml，指定目标仓库链接
发布

hexo clean && hexo g && hexo d

依次执行清除缓存、生成静态网页、部署项目。
第一次会弹出对话框提示输入gitHub用户名和密码（不是在Bash端输入帐号密码）

上传gitHub成功

输入xxx.github.io测试是否能访问

绑定域名
4.1 申请域名
在万网选择喜欢的域名并付费，万网并入了阿里云，所以可以用淘宝帐号登录，用支付宝付款。申请域名需要填写个人信息，明确所有人，.com .cn域名需要实名认证（上传身份证照片）。
4.2 解析域名
利用万网的云解析功能
记录类型为A，IP地址填写ping xxx.github.io后得到的ip地址。