因为懒得再写一遍了，所以直接复制过来了，建议直接去文章地址查看

文章链接: https://hmoumou.xyz/2020/08/14/shi-yong-github-pages-hexo-da-jian-bo-ke/

记录的是当时的完整过程，相对与网上其他的教程，避免了不少坑，没事可以自己搭建个博客玩玩

Github Pages

Github Pages可以被认为是用户编写的、托管在github上的静态网页。使用Github Pages可以为你提供一个免费的服务器，免去了自己搭建服务器和写数据库的麻烦。此外还可以绑定自己的域名。

Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

• 安装Node.js

官网 按需下载

• 安装Git

官网 按需下载

资料参考：

《如何在windows中安装Git》

《Pro Git中文版》

• 检测软件是否安装成功

在cmd中输入下列命令，若显示版本信息，则表示安装成功。否则卸载重新安装。Git安装成功后在桌面右键查看是否有Git GUI Here(图形界面的Git操作) 和 Git Bash Here(命令行) 选项

shell

git --versionnode -vnpm -v

image-20200814103011890

image-20200814103038368

• Hexo 安装

新建文件夹(eg：E:\HBlog)，博客相关的文件均存储在此文件夹下，在该文件夹下右键，选择Git Bash Here，输入下列命令

shell

npm install hexo-cli -g        #表示安装hexonpm install hexo-deployer-git --save    #表示安装hexo部署到git page 的deployer

安装时有警告无伤大雅

• Hexo初始化配置

新建文件夹(eg：E:\HBlog\Hexo)。进入该文件夹右键Git Bah Here，输入下列命令

hexo init

hexo安装完毕后会自动生成下列文件(个别出入无伤大雅)

image-20200814104022259

• 本地预览

shell

hexo generatehexo server

执行完毕后访问localhost:4000 即可预览 也可以使用hexo g hexo s命令

显示如下则成功

INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

image-20200814104501125

• 部署博客到Github Pages中

首先肯定是需要一个Github账号啊

一、注册Github账号注册，有则忽略

二、创建项目代码库，点击 new repositories创建

image-20200814105019137

三、配置SSH密钥： 只有配置SSH密钥后，才可以通过git操作实现本地代码库与Github代码库同步，在E:\HBlog\Hexo中使用Git Bash Here

shell

ssh-keygen -t rsa -C "your email@xx.com"#填写你的Github的注册邮箱

接下来出现

shell

Generating public/private rsa key pair.Enter file in which to save the key (/c/Users/you/.ssh/id_rsa)://到这里可以直接回车将密钥按默认文件进行存储

然后

Enter passphrase (empty for no passphrase)://这里是要你输入密码，其实不需要输什么密码，直接回车就行Enter same passphrase again:

然后

Your identification has been saved in /c/Users/you/.ssh/id_rsa.Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.The key fingerprint is:这里是各种字母数字组成的字符串，结尾是你的邮箱The key's randomart image is:这里也是各种字母数字符号组成的字符串

运行下列命令，将公钥的内容复制

clip < ~/.ssh/id_rsa.pub

四、在Github中添加你的公钥

1、登录Github，进入Setting

image-20200814111128020

2、点击SSH and GPG Keys

image-20200814111157044

3、 点击New SSH key

image-20200814111223117

4、粘贴密钥

image-20200814111300239

五、测试

输入下列命令

shell

ssh -T git@github.com

有下列显示则成功，可以中途需要输入yes

image-20200814111430254

六、配置Git个人信息

Git会根据用户的名字和邮箱来记录提交，同时也是使用这些信息来做权限的处理，输入下列命令进行个人信息设置

shell

git config --global user.name    #替换为你的用户名，建议与Github一致，当然也可自定义git config --global user.email    #填写你的邮箱，建议与Github一致

至此，本机已可成功连接Github

• 将本地的Hexo文件更新之Github仓库中

一、打开自己的Github项目，选择Use SSH，复制地址

image-20200814111911153

二、打开E:\HBlog\Hexo，即Hexo根目录下的_config.yml文件，并按图修改如下

image-20200814112237253

三、在Hexo文件夹中执行下列命令

shell

hexo ghexo d

或者hexo g -d

首次执行时会让你输入Github的账号与密码

若产生下列报错

ERROR Deployer not found: git

说明你的deployer未安装成功，需要重新安装

shell

npm install hexo-deployer-git --save

然后执行hexo g -d即可部署到Github中

七、访问

博客地址就是https://xx.giithub.io

• 如何在博客中发表文章

在Hexo的根目录下Git Bash Here，输入

shell

hexo n "文章标题"

即在Hexo/source/_posts下新建文章标题.md

推荐使用 Typora 或者 vscode

• 如何为博客更换主题

Hexo主题官网

一、找寻一个喜欢的主题，polk为例

二、找到主题的github地址，复制

image-20200814113408772

三、在/Hexo/themes/中Git Bash Here，输入

shell

git clone 输入刚才复制的主题地址

四、下载完毕后，/Hexo/themes/ 会增加一个主题的文件夹

五、打开Hexo根目录下的_config.yml 修改下列参数

shell

theme：XXXXX    #xxxx是你的主题名称

六、完毕后，在Hexo根目录下hexo g -s预览

七、效果如果满意则继续部署

shell

hexo clean #清除缓存，以防主题未更新hexo g -d

• 为博客配置一个域名

当然也可以不配置，直接使用 xx.github.io 访问也可以

一、购买域名 推荐阿里云吧

二、为域名添加记录

image-20200814114338837

三、在你的Github仓库的Setting中，添加上你购买的域名

image-20200814114535023

四、然后会在你的仓库中生成一个 CNAME 进入后如果显示了你的域名，则表示成功

五、接下来就可以通过你的自定义域名进行访问了

来源: Hexo文章作者: 不吃肉夹馍文章链接: https://hmoumou.xyz/2020/08/14/shi-yong-github-pages-hexo-da-jian-bo-ke/本文章著作权归作者所有，任何形式的转载都请注明出处。