(Hexo教程二)Hexo 关联到github,使用github仓库域名作为个人博客地址

当你好不容易搭建了个hexo博客,是不是会为了在哪发布到网站而发愁,得考虑域名,服务器。其实,github网站就是一个很好的选择。今天就让你学会这个技能。

前期环境准备

打开https://github.com 这个 网址,登录自己的账号,添加新的仓库,如下图

image.png

在这里红框处输入自己的仓库名称 (注意:需要和你的github名称有关联,例如我的名称是luos,那么你就输入 luos.github.io),然后点击下方的绿色创建按钮即可
image.png

上面操作后,稍等片刻将会出现这样的页面,表示仓库已创建成功。如下图
image.png

本地文件关联到刚才新建的仓库

假设你已经安装了git bash,如果没有安装,可以打开这个网址https://gitforwindows.org/,下载安装即可,安装好后。在桌面空白处右键。点击箭头所指处。如图

image.png

配置SSH key

如上图点击后,使用命令cd ~/.ssh,进入密钥保存路径。再使用dir,查看当前电脑是否创建了ssh密钥,出现id_rsa, id_rsa.pub , 表示已经创建

image.png

image.png

打开github网站,点击 箭头所指,由于我已经关联了,所以可以看到我这里存在一个密钥。
image.png

如使用命令cd ~/.ssh ,再使用dir ,并没有出现id_rsa, id_rsa.pub,表示并未创建密钥。可使用命令ssh-keygen -t rsa -C "邮件地址"(注意邮箱地址为你的github邮箱地址),如下图,点击绿色New SSH key 按钮。再将id_rsa.pub的所有内容复制粘贴到
image.png

image.png

使用ssh -T [email protected] 命令查看是否添加密钥成功,如出现下图。 You've successfully authenticated,表示你已添加成功。
image.png
,自此,本地电脑与github配置成功。

配置hexo

打开文件_config.yml,找到下图所示


image.png

如下图,填写完整,


image.png

(注意,这里的repository,填写是这里红框的地址)
image.png

然后使用命令hexo d,如出现提示,如图


image.png

表示你还没有安装一个插件,使用命令npm install hexo-deployer-git --save,安装插件,如图表示安装成功
image.png

使用命令hexo clean,清除缓存 ,再使用命令hexo d, 如图,表示部署成功,此时仓库上,已经有文件了
image.png

image.png

然后再点击下图箭头所指处,
image.png

点击 箭头所指处,找到GitHub Pages,如下图2


image.png

图2

由于我创建的是私人仓库,又是免费的仓库,需要改为公共仓库或升级。如图改为公共仓库
image.png

改为公共仓库后,如图
image.png

如图所示,设置Source来源
image.png

使用命令hexo clean ,再使用命令hexo g,再使用命令hexo d,此时点击打开箭头所指的地址,即可看到你发布的博客,如果没效果,多使用几次这三个命令。
image.png

至此,如本地文件修改后,只需要运行hexo clean , hexo g , hexo d 这三个命令即可在页面看到效果

如有什么问题或不对,欢迎指出,希望大家可以互相多多交流,谢谢大家了

你可能感兴趣的:((Hexo教程二)Hexo 关联到github,使用github仓库域名作为个人博客地址)