hexo搭建个人博客

闲来无事,体验一下hexo,在此记录

准备工具

安装

git https://git-scm.com/

node https://nodejs.org/en/

安装hexo

1
2
3
4
5
6
7
8
9
10
// 全局安装hexo
npm install hexo-cli -g
// 自选一个目录,初始化项目,项目名(blog)自定义,
hexo init blog
// 进入项目目录
cd blog
// 安装依赖
npm install
// 启动本地服务,可简写hexo s
hexo server

然后在浏览器输入localhost:4000即可

GitHub准备

新建仓库

新建一个仓库,名为Github-name.github.io,其中Github-name为GitHub账户名

然后在Settings中开启GitHub Pages,选择一个分支,save即可

验证:在Code中新建一个index.html,访问http://Github-name.github.io即可

设置个性域名(可跳过)

注册域名,写入仓库–>Settings–>GitHub Pages–>Custom domain中

可同时开启https,搞个免费的DV证书绑定到申请的域名即可

部署到GitHub

修改项目配置

在项目blog目录中找到_config.yml文件,找到deploy修改如下

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repo: https://github.com/github账户名/仓库名.git // 可在GitHub仓库中找到并复制
branch: master //项目发布后在GitHub Pages中修改为此处的分支
部署

需要先安装一个推送工具

npm install hexo-deployer-git --save

next

1
2
3
4
// 清缓存
hexo clean
// 发布,可简写hexo d,发布过程中需要填写下GitHub的用户名密码
hexo deploy

访问http://Github-name.github.io,如果配置了custom domain,会指向自定义域名

至此基本流程OK

创建新博客

在项目目录下执行

hexo new post title

然后在source目录找到title.md即可编辑,此处了解下markdown

编辑完成后发布

1
hexo clean && hexo g && hexo d	// hexo g为generate,意为生成文件

done