0%

使用GitHub Pages和Hexo快速建立私人Blog(1)

本文主要介绍如何使用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
2
3
$ ssh-keygen -t rsa -C "你的邮件地址@youremail.com"
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>

随后输入密码:

1
2
Enter passphrase (empty for no passphrase):<输入加密串>
Enter same passphrase again:<再次输入加密串>

在回车中会提示你输入一个密码,这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容,成功生成后如下图所示:

添加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
2
$ git config --global user.name "真实姓名"
$ git config --global user.email "你的邮箱"

0x04 编写发布博客

接下来使用Hexo初始化一个博客,并且教你如何发布新文章。
使用下列命令初始化自己的博客:
bash $ hexo init username.github.io

个性化主题
可以看下这里,选择自己喜欢的主题下载安装即可,教程在主题介绍页这里不做介绍了。

基本配置
打开文件位置username.github.io/_config.yml修改几个键值对,下面把几个必须设置的列出来按需求修改,记得保存,还有注意配置的键值之间一定要有空格。

1
2
3
4
5
6
7
title:  //你博客的名字
author: //你的名字
language: zh-Hans //语言 中文
theme: next //刚刚安装的主题名称
deploy:
type: git //使用Git 发布
repo: https://github.com/username/username.github.io.git // 刚创建的Github仓库

更多设置移步这里

写文章
这里需要用到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进行访问了。后面涉及域名注册与绑定这里并没有提及,会在后续进行更新。

相关链接

5分钟 搭建免费个人博客
如何搭建一个独立博客——简明Github Pages与Hexo教程