Hexo 博客架构
先看一下架构图:
简单地说,在本地用 markdown 写好文章,用 hexo 生成静态的 html 文件并 push 到远程服务器(vps),vps 再通过 git-hooks 同步网站目录。
其实这两个是可以合成一个的,不过每次写文章都要 ssh 登录到 vps,体验可能没那么好。
流程大纲
- 本地 – 环境搭建,安装 Hexo,包括 hexo-cli, Nodejs, git;
- 本地 – 写文章;
- 远程 VPS – 环境搭建,包括 Nodejs, git, Nginx 配置和创建 git 用户;使用 git 自动化部署发布博客
- 使用 Git 自动化部署发布博客
本地 Hexo 安装和配置
首先要安装 Nodejs 和 git , mac 系统可用 brew 安装,其它系统自行摸索
1 | brew install nodejs git |
安装 hexo-cli
1 | npm install -g hexo-cli |
找个地方放 Hexo 程序
1 | mkdir -p ~/Documents/code |
然后安装两个插件,分别是 git 自动部署插件 hexo-deployer-git 和简单的本地web服务器 hexo-server
1 | cd ~/Documents/code/blog |
至此本地环境算搭建好了,下面是写文章
本地 Hexo 发表文章
使用命令新建文章
1 | cd ~/Documents/code |
该命令会成一个对应的 .md 文件放置在 sources/_posts 文件夹
1 | sources/_posts/hello-hexo.md |
接下来用你喜欢的编辑器编辑 hello-hexo.md 文件,记得要用 markdown 语法。
写好以后, 使用 hexo g 命令将 .md 文件渲染成静态文件
1 | hexo g |
然后启动本地 web 服务器 hexo-server
1 | hexo server |
该命令可简写为 hexo s, 现在可以用浏览器打开 http://localhost:4000 访问博客了。
(注:以上本地环境搭建完成可以放在远程服务器 vps 上,当然写文章也得在 vps 上写,传统的做法是像架构图那样分离开。)
远程 VPS 环境搭建
同样要安装 Nodejs 和 git,根据自己的系统自行摸索,此步略过
Nginx 配置,我用宝塔 linux 面板一键安装,不用手动配置,如果要手动改,参考配置如下(抄来的,仅供参考):
1 | server |