自建博客系列-Hexo安装通俗易懂教程

326 阅读2分钟

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
  • 每次发表文章都需要重新部署一下。

参考: