1、基本介绍:
- Hexo 是一个极速、简单且强大的静态博客架构。
- Hexo加载速度快,支持Makedown,还支持部署到Github上。
- 它使用 Node.js 作为构建引擎,上百个文件在几秒钟内便可构建完成,而且拥有着丰富的插件库。
2、安装Hexo:
2.1、安装Git、Node.js:
- 这部分直接用 Homebrew 进行安装,在此不再赘述。
2.2、安装Hexo:
- 用node.js的包管理工具NPM安装:
sudo npm install hexo-cli -g
- 安装完成后,进入一个目录比如
hexo目录存放博客资源,然后输入依次输入以下命令:
hexo init blog
cd blog
npm install
hexo server
- 成功后会显示以下内容:
INFO Start processing INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
- hexo博客系统已经构建成功,浏览器输入http://localhost:4000/可以访问了。
3、配置Hexo:
3.1、更改主题:
3.2、配置码云:
- 进入hexo安装目录里的blog目录下输入命令安装hexo-deployer插件:
npm install hexo-deployer-git --save
- 在码云里创建一个项目blog。
- 修改hexo根目录的_config.yml里面的deploy配置:
deploy:
type: 'git'
repo: https://gitee.com/xxx/blog.git
branch: master
- 按照4.2操作把public文件夹中的静态文件部署到码云blog仓库。
- 在码云的pages中点击启动服务功能,生成网站地址。
4、部署发布Hexo
4.1、本地部署执行:
- 清除本地缓存
hexo clean
- 生成静态页面
hexo g
- 启动本地服务
hexo s
- 生成静态页面并且启动本地服务
hexo s -g
4.2、部署到码云:
- 清除本地缓存
hexo clean
- 生成静态页面
hexo g
- 一键部署:
hexo deploy或者hexo d
- 生成静态页面并且一键部署
hexo d -g
4.3、部署问题:
- 都是在项目文件下部署。
- 样式问题没生效:在部署前清除本地缓存
hexo clean
- 每次发表文章都需要重新部署一下。
参考: