VectorLu

Hexo-1-用 Github Pages 部署 Hexo 博客

安装好了 Hexo,下一步就是:将自己的博客放到网上,让每个人都能访问。

介绍一下如何用 Github 的 Pages 服务来支持静态博客。
如果你对 Git 还不熟悉,那么建议你先阅读一下(不阅读也没有关系,因为 Hexo 不需要太多 Git 的知识):廖雪峰的Git教程

Step-0-注册Github

Github官网 中 sign up 就好了。

Step-1-管理远程仓库

相关命令概览与说明

其实用不到这么多 git 的知识,只是顺带介绍一下,可跳过。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
ssh-keygen -t rsa -C ("youremail@example.com")
#创建ssh key
git remote add origin (repository address on github)
#关联远程仓库
git remote -help
#用来查看帮助
git push -u origin master
#第一次推送本地内容到远程仓库要加 -u参数
git push origin master
#以后就可以直接推送内容了
git clone (repository address on github)
#将repository克隆到本地

添加远程仓库

SSH 为建立在应用层和传输层基础上的安全协议。SSH 是目前较可靠,专为远程登录会话和其他网络服务提供安全性的协议。利用 SSH 协议可以有效防止远程管理过程中的信息泄露问题。

由于你的本地Git仓库和GitHub仓库之间的传输是通过SSH加密的,所以,需要一点设置:

创建SSH Key

在用户主目录下,看看有没有.ssh目录,如果有,再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件,如果已经有了,可直接跳到下一步。如果没有,打开Shell(Windows下打开Git Bash),创建SSH Key:

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

需要把邮件地址换成你自己的邮件地址,然后一路回车,使用默认值即可。如果一切顺利的话,可以在用户主目录里找到.ssh
目录,里面有id_rsa和id_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub
是公钥,可以放心地告诉任何人。

用文本编辑器打开 id_rsa.pub ,比如atom(如果安装了atom),vi等

进入.ssh文件夹

用atom打开id_rsa.pub

也可以用这样方法打开id_rsa文件
如果没有安装atom,可以用vi打开$ vi id_rsa
用vi打开

登陆Github

打开“Account settings”,“SSH Keys”页面:
然后,点“Add SSH Key”,填上任意Title,在Key文本框里粘贴id_rsa.pub文件的内容:
github-addkey-1
点“Add Key”,你就应该看到已经添加的Key:
github-addkey-2
以上两张图片来自廖雪峰的git教程

测试一下

1
ssh -T git@github.com

可能会有警告,不过没关系,输入yes就好。

在GitHub上免费托管的Git仓库,任何人都可以看到喔(但只有你自己才能改)。所以,不要把敏感信息放进去。


添加 Repository

首先,登陆GitHub,然后,在右上角找到一个加号,点击“ New repository”按钮,创建一个新的仓库,仓库名用username.github.io。比如我的用户名是VectorLu,那么新建的仓库名(Repository name)就是VectorLu.github.io

下面的 Description 随便写就好了,比如写

My blog repository.

其他的都不用管,点下面的绿色按钮Create repository就好了。

Step-2-部署本地的 Hexo 博客到 Github

还记得在 Hexo-0 中用 hexo init foldname 那个文件夹吗?
打开站点配置文件
进入文件夹,用文本编辑器打开_config.yml,我习惯用atom打开,或者用自带的vi打开也可以。

也许你没有atom,也不会用vim。那就在Finder中找到这个文件,双击,应该会默认用Xcode打开。
在图形界面下打开

command+f快捷键,或者直接在这个文件的最后(一般是放在最后)找到deploy字段。修改成如下样式,注意把所有 VectorLu 换成你的 Github 用户名。

1
2
3
4
5
deploy:
type: git
repo:
github: git@github.com:VectorLu/VectorLu.github.io.git
branch: master

保存,进入终端。

1
2
3
4
$ npm install hexo-deployer-git --save # 安装相关组件
$ hexo clean
$ hexo g
$ hexo d

应该一会就部署好了,在浏览器中输入username.github.io就可以访问你的博客了。如果没有刷出来,可能是网络问题,多等一会就可以刷出来了。

Step-3-绑定个人域名(非必需)

有很多网站出售域名,比如万网

//TODO: !!!

您的支持将鼓励我继续创作!

热评文章