博客搭建-Github Pages+Hexo

选择前提

Github pages:

• 能够绑定本身的域名
• 简单快捷，使用Github Pages能够为你提供一个免费的服务器，免去了本身搭建服务器和写数据库的麻烦

Hexo:

•  快速、简洁且高效的博客框架

• 一键部署，支持Markdown

 

安装Node.JS

 点击进入官网下载合适的版本安装https://nodejs.org/en/download/

 

安装Git

进入git官网下载https://git-scm.com/download/win，安装完成在cmd中检查版本号确认成功，桌面右键可看到Git GUI Here/Git Bash Here

 

• 安装教程：如何在windows下安装GIT

• Git入门教程：Pro Git（中文版）

 

Hexo安装

桌面右键鼠标，点击Git Bash Here，输入npm命令便可安装

npm install hexo-cli -g

npm install hexo-deployer-git --save

第一句是安装hexo，第二句是安装hexo部署到git page的deployer，两个都须要安装。

 

Hexo初始化配置

选择一个文件位置做为项目文件（D:\Github\Hexo），在此处右键选择Git Bash Here进入Git命令框，执行如下操做

$ hexo init

初始化完成自动建立项目文件

部署项目，本地启动查看

hexo g
hexo s

登陆localhost:4000，便可看到本地的效果以下：

 

 

将博客部署到Github Pages上 

 本地的博客已经搭建，可是只能经过本地链接查看咱们的博客。那么咱们如今须要作的就是把本地的博客发布到服务器上，让别人也能够链接咱们的博客，而Github Pages就帮我完成了这件事情。可是Github Pages的代码就是寄存在Github上面的。那么接下来咱们须要在Github上面建立一个新的项目。

建立项目代码库

注册完登录后，咱们就建立一个咱们本身的Github Pages项目。点击New repository。

 

配置SSH秘钥

配置Github的SSH密钥可让本地git项目与远程的github创建联系，让咱们在本地写了代码以后直接经过git操做就能够实现本地代码库与Github代码库同步。

1. 检查本机是否已经存在秘钥，打开Git Bash,并运行:

$ cd ~/. ssh 

检查你本机用户home目录下是否存在.ssh目录。如不存在此目录，则进行第2步操做，不然，你本机已经存在ssh公钥和私钥，能够略过第二步，直接进入第三步操做。

 

　　2. 建立一对新的SSH密钥(keys)

$ssh-keygen -t rsa -C "your_email@example.com"
#这将按照你提供的邮箱地址，建立一对密钥
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/you/.ssh/id_rsa): [Press enter]

直接回车，则将密钥按默认文件进行存储。此时也能够输入特定的文件名，接着根据提示，你须要输入密码和确认密码（也能够直接回车，无需输入）

　　3. 在GitHub帐户中添加你的公钥

运行以下命令，将公钥的内容复制到系统粘贴板(clipboard)中：

clip < ~/.ssh/id_rsa.pub

登陆github,进入设置选择SSH在相应位置添加秘钥

 

　　4. 测试

输入下面命令，查看设置是否成功：

$ ssh -T git@github.com

 

若是是下面的反馈，输入yes便可：

 

　　5.配置我的信息

如今你已经能够经过SSH连接到GitHub了，还有一些我的信息须要完善的。 Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来作权限的处理，输入下面的代码进行我的信息的设置，把名称和邮箱替换成你本身的，名字根据本身的喜爱本身取，而不是GitHub的昵称。

$ git config --global user.name "ryanlijianchang"//用户名
$ git config --global user.email  "liji.anchang@163.com"//填写本身的邮箱

 

将本地的Hexo文件更新到Github的库中

1. 登陆github，进入刚刚创建的项目username.github.io，复制ssh地址

　　2. 打开开始建立的Hexo文件夹，用记事本打开文件夹下的_config.yml文件,修改以下位置

　　3. git命令部署推送

hexo g
hexo d

执行完以后会让你输入github的帐号和密码，输入完后就能够登陆咱们本身的部署在Github Pages服务器上的博客了（https://username.github.io/）

 

美化博客

Hexo官方众多主题任君选择https://hexo.io/themes/

 

•  克隆主题

打开Hexo文件夹下的themes目录，右键Git Bash，在命令行输入:

git clone https://github.com/iissnan/hexo-theme-random (此处random替换成你须要使用的主题的地址)

 

•  下载完成后，打开Hexo文件夹下的配置文件_config.yml，修改参数为：theme:name(根据实际状况变动)


•  本地效果查看满意以后，便可部署推送到github上

hexo clean   (必需要，否则有时由于缓存问题，服务器更新不了主题)
hexo g -d

 

 

附录：

推荐主题：random 

Markdown在线编辑器：

• 做业部落出品
• MaHua在线编辑器

hexo经常使用命令：http://www.javashuo.com/article/p-asgsqgka-ch.html