如何利用github pages搭建起自己的博客

我主要是参考这篇博客：https://www.cnblogs.com/jackyroc/p/7681938.html写成的，由于我的win10系统上安装了ubuntu的bash,所以我只写在ubuntu上执行搭建命令的过程（ps:win10上搭建可以参考上面的博客）。

1.我的第一步新建仓库和开启Github Pages与参考博客的“一、开始搭建Github Pages”都一样，这里不在赘述

2.搭建Hexo:

（1）要使用Hexo,需要安装Nodejs,（ubuntu安装nodejs可以参考https://blog.csdn.net/qq_41204927/article/details/83537207安装）

（2）安装Hexo

在你需要安装Hexo的目录下(新建一个文件夹)，可以使用ubuntu的新建命令mkdir Hexo建立Hexo目录

npm install hexo-cli -g   
hexo init #初始化网站   
npm install   
hexo g #生成或 hexo generate   
hexo s #启动本地服务器 或者 hexo server,这一步之后就可以通过http://localhost:4000  查看了

使用Hexo新建文章的命令 

hexo new "文章名" #新建文章
hexo new page "页面名" #新建页面 

 执行一次生成hexo g再执行hexo s启动本地服务器，即可在http://localhost:4000上查看新建的文章

(3)添加yilia主题

安装主题(yilia主题):

hexo clean
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia   

启动主题:

找到目录下的_config.yml 文件,打开找到 theme：属性并设置为yilia

更新主题:

cd themes/yilia
git pull
hexo g
hexo s

此时刷新http://localhost:4000/页面就能看到新的主题了.如图所示：

 （4）使用Hexo deploy部署到github，找到目录下的_config.yml 文件,打开找到“deploy”，复制上下面这段配置，并将下面的“zlb2016”换成你自己的github用户名

deploy:
  type: git
  repo: git@github.com:zlb2016/zlb2016.github.io.git
  branch: master

 

保存后需要提前安装一个扩展：

npm install hexo-deployer-git --save   

接下来就是将Hexo部署到自己的Github仓库上

3.部署到自己的Github仓库上

（1）在Ubuntu中的命令行中输入如下的命令：

      cd  ~/.ssh (如果没有安装ssh，请先安装ssh命令)

      ssh-keygen -t rsa -C "https://github.com/zlb2016@youremail.com"（将“https://github.com/zlb2016”替换成你的github地址，即将“zlb2016”换成你的github用户名），

#Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>

#接下来会让你输入密码

之后就可以看到成功的界面。

(2)添加ssh key到github(该步骤与我参考的博客中的第三部分的第2步骤一样) 

添加上ssh key之后，使用“ssh -T git@github.com”测试一下，输入“ssh key”的密码（即本机生成ssh key时输入的密码）出现如下结果即配置成功

 

设置你的账号信息:

git config --global user.name "你的名字"     #真实名字不是github用户名
git config --global user.email "邮箱@邮箱.com"    #github邮箱

部署到github:

使用“hexo d” 即可部署到github上，访问“https://zlb2016.github.io/”,(将“zlb2016”换成自己的github的username即可)，至此搭建自己的github博客成功！