好了,新博客终于搭建成功了。很早在之前搭建 SAE 搭了个 WordPress,后来SAE免费政策变更了,云豆耗得太快,就把博客关了。这次通过 Hxeo 在 GitHub 搭建博客。随便把过程记下来,当做笔记吧。

我的电脑是 win10 系统。所以教程是基于 win10 ,其他系统可能不适用。

安装环境

Node.js

Hexo 是一款基于 Node.js 的静态博客框架,所以电脑要先安装 Node.js 环境,到 Node.js 官网下载即可。

Git

把 Hexo 提交到 GitHub 的工具。

GitHub 账号

(这个不用说了吧,注册一个GitHub账号)

安装 Hexo

Node和Git都安装好后,首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。

安装 Hexo

$ npm install -g hexo

执行 init 命令初始化 Hexo

$ hexo init

好了,到这里博客就生成了!blog 就是你的博客根目录,所有的操作都在里面进行。

生成静态页面
$ hexo generate(hexo g也可以)

本地启动

启动本地服务,进行文章预览调试,命令:

$ hexo server(hexo s也可以)

如果没出问题的话,在浏览器输入http://localhost:4000,就已经能看到博客了。

配置 Github

建立 Repository

建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法。
例如我的 GitHub 用户名是 krasie,那我的仓库名是 krasie.github.io

修改 _config.yml

在博客根目录有个 _config.yml 的配置文件。打开这个文件修改它。

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: https://github.com/krasie/krasie.github.io.git
branch: master

然后执行命令

$ npm install hexo-deployer-git --save

repository 那里记得修改为你们自己的地址。GitHub 记得添加 SSH Keys,不然提交不了。

发布博客

执行部署命令

$ hexo deploy

然后再浏览器中输入 http://krasie.github.io/ 就行了,我的 GitHub 的账户叫 krasie,把这个改成你 GitHub 的账户名就行了

每次部署的步骤,可按以下三步来进行。

$ hexo clean
$ hexo generate
$ hexo deploy

一些常用命令:

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本