Hexo是一套静态博客的生成系统,很适用于一些小网站的搭建,尤其是博客。更为可贵的是Github Page是支持直接搭建成博客的,让我们来试试吧。
1 准备
首先你需要安装git和node.js
对于windows用户可以从这里下载git for windows,node.js可以从这里下载。不过这里我要说一下,强烈不推荐使用windows平台来运行node.js,因为windows的文件路径不能超过256个字符,二node.js很容易就会出现路径超长的尴尬。
对于linux用户,通常node.js和git都是默认安装的,如果没有可以从包管理器中安装,或者从这里下载。
2 申请一个Github账号
下一步就要从Github申请一个账号用来存放我们的网站,假设我们的github账号叫spacexi,那么我们就创建一个新的repository,名字必须固定为spacexi.github.io(如果你想直接通过访问你的账户名.github.io的方式来访问的话)
3 安装Hexo到本地
在bash中(windows用户在安装git之后会有git bash窗口,类似linux下的bash)执行如下命令来安装hexo
1 | npm install hexo -g |
linux用户通常是需要使用root权限来安装的,所以可以这样执行
1 | sudo npm install hexo -g |
如果你感觉安装太慢了(毕竟服务器在太平洋那面)可以使用淘宝镜像源来安装:
1 | sudo npm install -g cnpm --registry=https://registry.npm.taobao.org |
之后所有的npm命令都可以使用cnpm来代替,这时候速度会飞快的。然后我们来给hexo安装组件,首先新建一个文件夹,比如叫spacexi.githubusercontent.io,然后:
1 | cd spacexi.githubusercontent.io |
安装完成后输入hexo s
就可以开启hexo的本地预览,在浏览器中看看默认的博客啦。
P.S. 按Ctrl+C停止预览
4 DIY你的博客
Hexo博客的配置文件有两个,一个是控制整个博客的,在你博客文件夹的_config.yml,另一个控制主题,在博客文件夹的/themes/主题文件夹中的_config.yml。
不同的博客主题可以在Hexo的官方主题站找到。记得看每个主题的配置方法。解压主题文件到Themes文件夹中,在_config.yml中的Themes写成文件夹的名字就可以启用主题了。
5 写博客
执行hexo new 文件名
就会在博客文件夹/source/_posts/中就会出现一个文件名.md文件。这是一个markdown文件。Markdown是一种标记语言文件,百度一下,只要最多一个小时就能学会怎么用markdown写东西,对于轻量级输入比word什么的好太多了。这里简单介绍一下Markdown的用法:轻量级的标记语言:Markdown
当然你也可以给你的博客创建一个新的Page,命令是hexo new page 文件名
,hexo的page也是用markdown来写的。
6 部署你的博客到Github
在部署之前你需要安装一个插件:
1 | sudo cnpm install hexo-deployer-git --save |
下面我们先来做第一次配置,就是让github和你的博客建立链接。执行如下命令:
1 | ssh-keygen -t rsa -C “你的github邮箱” |
一路回车就能生成一组密钥文件,存放子在~/.ssh(linux/macos),对于windows是在你的主目录下的.ssh文件中。如果你的.ssh文件夹之前有东西请先备份删除或者手动指定别的位置。
在.ssh文件夹下有一个叫做id_rsa.pub的文件,就是密钥的公钥,可以用文本编辑器打开。点击你头像下的Setting,添加SSH and GPG keys,在SSh keys中添加,把你的公钥复制上去。
输入ssh -T git@github.com
测试一下能否链接(权限错误不要紧),能链接就OK啦。
在你博客文件夹的_config中把deploy字段修改为如下:
1 | deploy: |
保存之后,执行hexo g
来生成要上传的文件,执行hexo d
就会调用git部署到博客上了。