Hexo 博客搭建 (1) - Hexo+GithubPages+Next

发表于 更新于 分类于 ， 阅读次数： 本文字数： 452 阅读时长 ≈ 2 分钟

本文说明 windows 环境下的 Hexo + github pages+ Next 的建站流程。以及备份 Github Pages 相关配置与文档。

主机环境配置

  1. 本机安装 Nodejs
  2. 本机安装 npm, 一般不建议使用 cnpm
  3. 本机安装 git
  4. 使用 npm 安装 hexo, npm install -g hexo-cli, 如出现下载缓慢，建议使用镜像站，因镜像站变动较多，这里不列出。

本地测试

  1. hexo clean
  2. hexo g
  3. hexo s
  4. 浏览器访问 localhost:4000

主题配置

本文使用 Next 主题，如需更多，请前往 Hexo Themes。

  1. 创建博客存储用文件夹，如 D:\myblog
  2. 使用管理员权限打开命令行，建议使用 windows 的 cmd.exe.
  3. 文件夹路径内执行 hexo init
  4. 执行 npm install hexo-theme-next, 此时将 next 主题安装在 myblog\node_moudles\hexo-theme-next 中
  5. 注意区别主题配置文件与站点配置文件
  6. 主题美化与站点信息配置不属于本博客详述内容，个性化内容请查找互联网文档
  7. 重要！Hexo 配置的静态博客实际文件在本地，所以建议将 myblog 文件夹用一个新的 Github 仓库保存，以免丢失时方便找回，或防止在 Next 更新时丢失配置好的主题。

Github Pages

  1. Github 新建仓库，要求与用户名完全同名。如：<yonghuming>.github.io
  2. 本机安装 npm install hexo-deployer-git --save
  3. 修改站点配置文件 _config.yml，注意不是主题配置文件
1
2
3
4
deploy:
  type: git
  repo: 你的仓库路径
  branch: master
  1. 编写与发布流程
1
2
3
4
5
6
hexo new <filename> # 不包含后缀
# 使用编辑器(\_post文件夹)或vim编写后保存
hexo clean # 可选的
hexo g # 生成静态文章
hexo s # 启动本地站点测试
hexo d # 部署