搜索
您的当前位置:首页正文

使用Hexo+Github Pages 来搭建免费的专属博客

来源:二三娱乐

一、简介

Hexo

Github

Github Pages

二、基础环境配置

安装Node

安装Git

安装Hexo

Node和Git都安装完毕后,在任意路径下新建一个文件夹(随意命名),如Hexo,作为你的博客专属路径,用于存放Hexo相关配置信息,之后终端进入到此路径并分别执行如下命令来安装和初始化Hexo

sudo npm install-g hexo
hexo init

至此,可以使用Hexo了,我们来实验一下。

分别执行如下命令来生成一个静态网页并启动本地服务来预览你的初始博客,

hexo generate
hexo server

或者简写

hexo g
hexo s

初始化后文件结构如图:


三、配置GitHub

绑定Git & Github

//Github用户名
git config --global user.name "ConnorLin"
//注册Github的邮箱
git config --global user.email  

创建博客仓库

注册帐号后,点➕来创建一个repository,该仓库必须以 "your_user_name.github.io" 的格式命名

配置SSH Key

首先查看本地是否已经有SSH Key, 终端输入如下命令:

cd ~/.ssh;ls

如果存在id_ras.pub,说明已经有SSH Key,否则需要重新创建。
使用如下命令生成密钥

ssh-keygen -t rsa -C 

按提示分别输入Key文件保存路径和密码(可以为空),完成会有如下提示即表示创建成功

The key fingerprint is:
01:0a:f6:3c:ca:95:d6:17:a1:7d:f0:65:9d:f0:a2:db 

将SSH Key添加到ssh-agent:

eval "$(ssh-agent -s)"
ssh-add ~/.ssh/id_rsa

添加SSH Key到Github账户

1、复制ssh key内容

pbcopy < ~/.ssh/id_rsa.pub

2、点击Github账户头像,点击设置进入Github设置


3、点击左边的SSH and GPG Keys


4、添加SSH Key, 填写刚刚复制的密钥内容


测试SSH连接

ssh -T 

如果有如下提示:

The authenticity of host  (192.30.252.1)' can't be established.
RSA key fingerprint is nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no)?

输入yes即可

Hi username! You've successfully authenticated, but GitHub does not provide shell access.

四、关联Hexo 和 Github

配置Hexo

进入博客根路径,打开_config.yml,拉到最后,修改如下:

//注意冒号后面有空格
deploy:
  type: git
  repository: 
  branch: master

安装Hexo git插件

npm install hexo-deployer-git --save

将博客部署到Github

hexo deploy

五、Hexo常用命令

1、新建文章

hexo new [template] "Title"  //新建标题为Title的文章

2、新建页面

heox new page "Page Title"  //新建页面

3、生成静态页面至public目录

hexo generate   //生成静态页面

4、本地预览

hexo server //启动本地服务,Ctrl+C关闭

5、部署到Github

hexo deploy     //将博客部署到Github

6、清理已经生成的静态文件

hexo clean

六、美化

//进入博客根目录
$ cd your-hexo-site
//从Github上克隆主题到你博客theme里
$ git clone  themes/next

然后打开根目录下的_config.yml文件,将theme的值改为主题名字:

theme: next

七、写作

Markdown

2、打开Package Control
  按快捷键 Shift + command(Ctrl) + P -> 输入install -> 选择Install Package
稍等一会(左下角进度),就可以安装你想要的插件啦!

4、开始用Sublime Text写博客吧~

图床

如  
  
改为  

5、将修改后的地址用于博客即可,大功告成!

至此,博客基础框架搭建完毕,Enjoy it!

参考资料

Top