本文主要介绍如何使用GitHub Pages和Hexo建立一个私人专属的Blog,在这里,你可以自定义网页主题风格,板块分类等等。这里我尽量写的简明易懂,面向初学者。
0x00 前言
什么是GitHub Pages
至于为什么选择GitHub,其一是免费,其二就不用多说了,这是发展趋势。
GitHub Pages原本用于介绍托管在GitHub上的项目,不过,由于他的空间免费稳定,用来搭建一个博客再好不过了。
GitHub Pages可以被认为是用户编写的、托管在Github上的静态网页。
什么是Hexo
Hexo,引用官网的介绍A fast, simple & powerful blog framework
,翻译过来即一个快速、简单、功能强大的博客框架
,相比于JekyII,真的很简单(看了教程一大堆的环境就没欲望继续配置了),这也是为什么这里使用Hexo
搭建的原因,当然也有可能有其他更好的。
0x01 创建GitHub Pages
1. GitHub账号
首先你要有一个GitHub账号,已有的可以跳过这一步,没有可以去官网注册即可,注册时的username
可能会影响你网站的域名,为什么是可能,如果你购买了其他域名就另当别论了,这篇文章不包含其他域名绑定,请看后续更新。
2. 创建Pages
登陆账号后选择New repository
新建仓库,**Repository name
填写username.github.io**,这里的username
一定要与注册时的一直,才能成功开启GitHub Pages
,通过这个网址直接访问你的博客,不然会产生一系列繁琐的步骤,其他选项可以不用动,点击Create repository
,这一步就完成了。
0x02 安装程序
Windows下的安装较为简单,大家可以直接点击下面的的链接下载安装:
安装完成后右键找到Git Bash
,输入命令sudo npm install hexo-cli -g
即可安装。
0x03 添加SSH密钥
生成SSH Key
打开Git Bash
如果第一次使用git
,直接生成新的ssh key
:
1 | $ ssh-keygen -t rsa -C "你的邮件地址@youremail.com" |
随后输入密码:
1 | Enter passphrase (empty for no passphrase):<输入加密串> |
在回车中会提示你输入一个密码,这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容,成功生成后如下图所示:
添加SSH Key到Github
- 打开本地 id_rsa.pub 文件( 参考地址 C:\Documents and Settings\Administrator.ssh\id_rsa.pub)。此文件里面内容为刚才生成的密钥。如果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的内容,才能保证设置的成功。
- 登陆 GitHub 系统。点击右上角的
Account Settings--->SSH Public keys ---> add another public keys
复制文件内容到Key文本框中,点击add key
就可以了。
测试添加是否成功
输入命令查看是否能连接至你的账户:bash $ ssh -T git@GitHub.com
不出意外的话应该可以成功连接:Hi username! You've successfully authenticated, but GitHub does not provide shell access.
进行最后的设置
现在你已经可以通过 SSH 链接到 GitHub 了,还有一些个人信息需要完善的。
1 | $ git config --global user.name "真实姓名" |
0x04 编写发布博客
接下来使用Hexo初始化一个博客,并且教你如何发布新文章。
使用下列命令初始化自己的博客:bash $ hexo init username.github.io
个性化主题
可以看下这里,选择自己喜欢的主题下载安装即可,教程在主题介绍页这里不做介绍了。
基本配置
打开文件位置username.github.io/_config.yml
修改几个键值对,下面把几个必须设置的列出来按需求修改,记得保存,还有注意配置的键值之间一定要有空格。
1 | title: //你博客的名字 |
更多设置移步这里。
写文章
这里需要用到Markdown
编辑器,如何使用请参阅我的上一篇Markdown教程,编辑完成后保存在username.github.io/source/_posts
即可,通过命令hexo s
可以配置本地预览。
发布
安装hexo-deployer-git自动部署工具:bash $ npm install hexo-deployer-git --save
完成后运行bash $ hexo clean && hexo g && hexo d
等待上传完成就可以了。
0x07 图床
图床的作用主要用于保存博客中大量的图片,并且提供外链地址,这里我使用的是七牛,注册并且实名认证后可以得到10G的免费空间。
其他方式
也可以直接将图片保存到blog/source
目录中,文中使用路径/floder/picname.jpg
添加即可,但大量图片可能空间不够用。
0x06 终结
现在你的Blog应该可以通过http://yourusername.github.io
进行访问了。后面涉及域名注册与绑定这里并没有提及,会在后续进行更新。
相关链接