GitHub + Hexo搭建本身博客(一) 基本内容

1、基本环境

一、安装Node.js和配置好Node.js环境

NodeJs安装（Windows版本）

二、安装Git和配置好Git环境

Git安装

2、Hexo安装

一、在本身认为合适的地方建立文件夹，并进入

二、安装Hexo，输入npm install hexo -g,并检查是否安装成功hexo -v

三、初始化文件，输入hexo init

四、安装所需组件，输入npm install

五、生成静态文件，输入hexo g 或者 hexo generate

六、启动本地服务，输入hexo s 或者 hexo server

若页面一直没法跳转，那么可能端口被占用了。此时咱们ctrl+c中止服务器，接着输入hexo server -p 端口号来改变端口号，例如hexo server -p 5000

七、若能看见以下图就成功啦

3、建立GitHub仓库

一、建立项目

注意：项目必需要遵照格式：帐户名.github.io

二、查看项目

在新建项目的setting设置中，能够看到GitHub Pages板块，以下图说明建立成功，点击https://帐户名.github.io/能够看到本身的博客

4、关联博客

一、设置Git的user name和email

若是是第一次使用Git须要在Git Base Here 中分别输入git config --global user.name "用户名" 及 git config --global user.name "邮箱"

二、建立SSH Key

在用户主目录下，看看有没有.ssh目录，若是有，再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件，若是已经有了，可直接跳到下一步。

也能够输入cd ~/.ssh检查是否有.ssh文件夹，输入ls，列出该文件下的内容。下图说明存在

若是没有，打开Git Bash，建立SSH Key：

ssh-keygen -t rsa -C "youremail@example.com"

你须要把邮件地址换成你本身的邮件地址，而后一路回车，使用默认值便可，因为这个Key也不是用于军事目的，因此也无需设置密码。

若是一切顺利的话，能够在用户主目录里找到.ssh目录，里面有id_rsa和id_rsa.pub两个文件，这两个就是SSH Key的秘钥对，id_rsa是私钥，不能泄露出去，id_rsa.pub是公钥，能够放心地告诉任何人。

三、添加SSH Key

(1).登录GitHub，打开“settings”，“SSH and GPG Keys”页面 (2).填上任意Title，在Key文本框里粘贴id_rsa.pub文件的内容 (3).点“Add Key”，你就应该看到已经添加的Key (4).输入ssh -T git@github.com，测试添加ssh是否成功。若是看到Hi后面是你的用户名，就说明成功了

四、配置Deployment

在博客的根目录文件夹中，找到_config.yml文件

deploy:
  type: git
  repository: git@github.com:Sandop/Sandop.github.io.git
  branch: master

复制代码

注意： 1.每一个冒号以后必须有空格；2.repository中的用户名更改成本身的用户名

五、安装扩展

在生成以及部署文章以前，须要安装一个扩展npm install hexo-deployer-git --save

六、生成部署

输入命令hexo g及hexo d

七、部署成功

部署成功后访问你的地址：http://用户名.github.io。那么将看到本身的博客

5、设置主题

在 Hexo 中有两份主要的配置文件，其名称都是 _config.yml。 其中，一份位于站点根目录下，主要包含 Hexo 自己的配置；另外一份位于主题目录下，这份配置由主题做者提供，主要用于配置主题相关的选项。

为了描述方便，在如下说明中，将前者称为 站点配置文件， 后者称为 主题配置文件。

PS：须要特别注意的地方是，冒号后面必须有一个空格，不然可能会出问题。

一、安装 NexT主题

在终端窗口下，定位到 Hexo 站点目录下。使用 Git checkout 代码：

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

二、启用主题

当 克隆/下载 完成后，打开 站点配置文件， 找到 theme 字段，并将其值更改成 next。

三、查看效果

在切换主题以后、验证以前， 咱们最好使用 hexo clean 来清除 Hexo 的缓存。 而后在本地查看效果

hexo s -g //生成静态文件，启动本地服务

四、同步博客

在本地浏览没有问题以后就能够同步到博客 执行hexo d

五、访问个人hexo+github博客

能够访问个人git博客来查看效果： sandop.github.io/