hexo+Github Pages博客搭建全过程

申明: 演示环境为Ubuntu 16.04,记录时间为16~17年。

创立仓库

[!NOTE]

目标是应用GitHub Pages来部署咱们的博客。

注册GitHub账号,官网地址:https://github.com/

登录后如下图,点击创立仓库

填写仓库信息即可

仓库名称必须是用户名.github.io,比方我的用户名是damit5,那么我就填damit5.github.io

配置SSH

[!NOTE]

目标是为了不便上传内容到github中。

设置user name 和 email

git config --global user.name "你的GitHub用户名"git config --global user.email "你的GitHub注册邮箱"

生成ssh密钥

ssh-keygen -t rsa -C "你的GitHub注册邮箱"
个别这种状况下是不须要明码的,所以始终回车就好

胜利后,用户文件夹下就会有一个新的文件夹 .ssh,外面就有刚刚创立的ssh密钥文件id_rsaid_rsa_pub

[!NOTE]

注:id_rsa文件是私钥,要妥善保存,id_rsa.pub是公钥文件。

增加公钥到GitHub

点击用户头像,而后再点击Settings选项

在用户设置栏,点击SSH and GPG keys选项,而后点击New SSH key

id_rsa.pub 的内容复制到Key 文本框中,再点击Add SSH key

测试SSH

ssh -T git@github.com

接下来会显示出上面的确认信息

The authenticity of host 'github.com (192.30.255.112)' can't be established.RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.Are you sure you want to continue connecting (yes/no)? 

输出yes而后回车

如果显示出上面的内容则示意胜利(damit5是用户名)

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

装置Node.js

[!NOTE]

装置hexo所须要的环境

装置过程

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash

而后,将以下代码增加至到profile(~/.bash_profile~/.zshrc~/.profile~/.bashrc其中之一)文件中

export NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

重启终端,输出以下指令装置node最新的LTS版本

nvm install --lts=boron

NPM减速

Node.js默认是通过npm进行包治理的,但npm官网源在国内速度十分慢,倡议大家应用淘宝npm镜像,办法如下:

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

装置胜利后,就能够能过以下指令减速装置相用包啦

cnpm install [PackageName]

hexo装置编译

装置hexo

装置好Node.js环境后,就能够通过node的npm包管理工具装置hexo,执行以下指令(当然cnpm能够换成npm,这里应用淘宝减速)

cnpm install hexo-cli -g
hexo全局装置一次就够了,前面能够间接应用hexo相干的操作。

创立博客文件夹

在此目录下治理本人的博客源码
mkdir blogcd blog

初始化hexo

hexo init

装置依赖包

cnpm install

生成动态页面

hexo g

启动本地服务器

hexo s
下面2条命令也能够联合为hexo s -g

呈现以下内容则阐明hexo环境装置胜利

INFO  Start processingINFO  hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

部署hexo

增加近程仓库

编辑_config.yml,找到最初的内容

## Docs: https://hexo.io/docs/deployment.htmldeploy:  type:

增加GitHub仓库信息

# Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:  type:  git  repo:  git@github.com:damit5/damit5.github.io.git  branch:  master
PS: type、repo、branch的后面和前面都有2个空格

装置git插件

cnpm install hexo-deployer-git --save

部署

hexo deploy

如果没有意外,部署就胜利了,能够关上 https://<用户名>.github.io 查看。

比方我的就是 : https://damit5.github.io/


自定义域名配置

注:该域名为几年前我用的域名,最新的域名是gm7.org

当初曾经能够通过 https://yourname.github.io 来拜访本人的博客站点啦。这时可能有人会说了,大家都通过github.io来拜访,好没共性,能不能配置用本人的域名来拜访本人的站点。答案当然能够。

首先,你得有个本人的域名,如果还没,那就去买个。

进域名控制台

在解析外面增加一条CNAME记录,指向yourname.github.io即可。

关上我的项目,抉择 setting

找到GitHub Pages

这样就能够通过本人的域名来拜访了

hexo根底应用

根底

hexo new"postName"      #新建文章hexo new page"pageName" #新建页面hexo generate           #生成动态页面至public目录hexo clean              #革除生成内容hexo server             #开启预览拜访端口(默认端口4000,'ctrl + c'敞开server)hexo deploy             #将.deploy目录部署到指定空间hexo help               # 查看帮忙hexo version            #查看hexo的版本

hexo 命令缩写

hexo g:hexo generatehexo c:hexo cleanhexo s:hexo serverhexo d:hexo deploy

hexo 命令组合

hexo clean && hexo g -s #革除、生成、启动hexo clean && hexo g -d #革除、生成、部署

批改主题

https://hexo.io/themes/