Hexo + Github Pages 搭建个人博客

1
2
3
4
5

# Install Homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 
# Check
brew --version

1
2

# Install Node.js
brew install node

1
2
3
4
56
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

# 安装hexo-cli
npm install hexo-cli -g

# 使用Hexo初始化你的Blog目录
mkdir hexo
cd /Users/tiansj/hexo
hexo init blog   # INFO Cloning hexo-starter to ~/hexo/blog
cd blog
npm install

# 启动Server，访问127.0.0.1:4000
hexo server

# 创建一个新文章
hexo new "Hello Hexo"
#会在blog/source/_posts下创建Hello-Hexo.md，剩下的写作可以选择任何Markdown工具自由写作

# 生成静态文件（blog/public）
hexo generate
hexo server
# 再次启动，可以看到写做新文章了

# 下载喜欢的主题，注意这个主题需要grunt build后才能应用，如果你不想折腾，直接下载生产版本，见上面站点 Quick start 第一项下载最新版本
git clone https://github.com/tianshaojie/hexo-theme-tranquilpeak.git themes/tranquilpeak

# 修改blog/_config.yml (hexo clean/generate/server)新主题已应用
theme: tranquilpeak

# 个性化自己的信息
/blog/theme/tranquilpeak/__config.yml

# 在~/hexo/blog/下执行命令
hexo new page "all-categories"
hexo new page "all-tags"
hexo new page "all-archives"

---
title: "all-categories"
layout: "all-categories"
comments: false
---

---
title: "all-tags"
layout: "all-tags"
comments: false
---

---
title: "all-archives"
layout: "all-archives"
comments: false
---

# 先生产你的GitHub Pages页面
# 修改blog/_config.yml中的deploy项

deploy:
type: git
repository: git@github.com:username/username.github.com.git
branch: master

# 在~/hexo/blog下执行
npm install hexo-deployer-git --save

# 自动部署命令，然后华丽丽的看你的网站吧
hexo deploy

1. hexo new ""，新建文章
2. ~/hexo/blog/source/_post，下找到对应.md文件，自由编辑
3. hexo g，生成静态html文件
4. hexo s，部署到线上