Hexo 搭建博客(二)

如何把你的博客部署到Github Pages上去?

Github账号注册及配置

注册github帐号
建立new repository
如果你没有github帐号,请到官网注册一个,然后去邮箱进行验证;如果你有帐号则直接登录。
官网:https://github.com/ 点击 sign up
在这里插入图片描述
注册完后,一般需要验证邮箱,再登录进去
(1)新建一个仓库,仓库名为:jaybinkoo.github.io ,如下图所示
在这里插入图片描述
(2)只需填写 username.github.io 即可,然后点击 create repositrory。 注意:username.github.io 的 username 要和 用户名 保持一致,不然后面会失败。以我的为例:
在这里插入图片描述
(3)点击github主页右上角的 your profile
在这里插入图片描述
(4)找到新建立的 username.github.io 文件,点击打开

在这里插入图片描述
(5)点击 settings
在这里插入图片描述
(6)往下拉动鼠标到GitHub Pages
在这里插入图片描述
(7)点击选择 choose a theme,随便选择一个,(之后我们要更改这些丑陋的模板),然后 select theme 保存就行了.
将Hexo与Github page联系起来,设置Git的user name和email(如果是第一次的话)

(8)配置 Git 个人信息:在 D:\blog\hexo 目录下,鼠标右键打开一个 Git Bash 窗口,输入下面的命令
git config --global user.name " GitHub 用户名 " 然后 回车 。【GitHub 用户名】:就是刚才你注册的用户名 例如我的
git config –global user.email “ GitHub 邮箱 “ 然后 回车。【GitHub 邮箱】:就是刚才你注册的邮箱 例如我的
在这里插入图片描述
(9) 生成 SSH KEY,其实就是生成一个公钥和密钥,因为 GitHub 需要一个密钥才能与本地相连接。执行以下命令,并 连续按 3 次回车
生成密钥:| 输入:ssh-keygen -t rsa -C " 邮箱地址 " 例如我的:ssh-keygen -t rsa -C " jaybin@aliyun.com "
在这里插入图片描述
(10)SSH KEY 生成之后,得到了两个文件:id_rsa 和 id_rsa.pub(默认存储路径是:C:\Users\Administrator.ssh)。打开我的电脑,在地址栏输入 C:\Users\Administrator\.ssh ,然后回车,即可打开这个目录 。
在这里插入图片描述
(11)鼠标右键选择用记事本打开 id_rsa.pub 文件,复制全部内容,即复制密钥。
在这里插入图片描述
(12)打开 GitHub ,依次点击 头像 –>Settings–>SSH and GPG keys –> Add SSH key,将复制的密钥粘贴到 key 输入框,最后点击 Add Key ,SSH KEY 配置成功,如下图所示:
在这里插入图片描述
在这里插入图片描述
(13)修改 hexo 文件夹下的 _config.yml 全局配置文件,修改 deploy 属性代码,将本地 hexo 项目托管到 GitHub 上,如下图所示: 最好用sublime打开 , 修改完后, 一定要另存为,编码选择 UTF-8 ,否则会出现乱码

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
 type: git #部署的类型
 repository: https://github.com/jaybinkoo/jaybinkoo.github.io.git # 仓库地址
 branch: master #分支名称

仓库地址可以通过GitHub仓库上,下载按钮获取到:
在这里插入图片描述
(14)新建一篇博客,行命令窗口输入:hexo new post “博客名” ,然后 回车. 例如 hexo new post “你好,Hexo”
在这里插入图片描述
(15)在生成以及部署文章之前,需要安装一个 hexo-deployer-git 插件扩展
输入 npm install hexo-deployer-git --save,然后 回车 。
在这里插入图片描述
(16)执行下面的代码命令: hexo d -g ,将 hexo 项目以及文章托管到 GitHub 上。

注:hexo generate 可缩写为 hexo g , hexo deploy 可缩写为 hexo d
在这里插入图片描述
在这一步,如果是第一次把文件部署到GitHub上,可能会弹出要你输入GitHub账户和密码,你输入一下就行了。
还有一种报错,说发生冲突
解决办法为:
在这里插入图片描述

(17)部署成功后,打开浏览器,输入访问你的地址:http://用户名.github.io。那么将看到生成的文章
在这里插入图片描述
若担心输错,可以在GitHub pages 上复制下来网址:
在这里插入图片描述
在这里插入图片描述
到这目前为止你就完成了,将本地hexo框架项目,部署到GitHub上面了,并且可以通过在浏览器里访问你的地址:http://用户名.github.io,查看。
下一篇将告诉你,接下来如何进行博客页面美化和装修

博客页面展示的不是我想要的,如何进行页面装修?

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值