使用Hexo建立博客

注:写给自己看的,所以写得比较简单。

远程准备工作

注册 GitHub(或者 Gitee)账号,建立远程仓库,格式是 xxx/xxx.github.io。

生成 SSH 公钥,添加公钥,测试连接

本地准备工作-配置环境

  1. 安装 Git,检查 Git 环境 git --version

  2. 安装 Node.js,检查 Node.js 环境 node -v

    注:npm 是 Node.js 的包管理工具,在安装 Node.js 时就已经包含了 npm 工具。

    检查 npm 版本 npm -v。更新 npm 版本 npm install npm@latest -g

  3. 安装 Hexo npm install -g hexo-cli

    注:Hexo 是用 Node.js 编写的一个模块,可以通过 npm 来安装。

本地准备工作-初始化博客目录

  1. 新建文件夹,执行 hexo init(Mac 系统下是 npx hexo init)来初始化该目录 。

  2. 执行完 hexo init 后,可以选择执行 npm install

本地准备工作-安装插件

  1. 安装主题插件NexT

    npm install hexo-theme-next

    其他比较推荐的主题有:Oranges、Chic、3-hexo、Cactus-white、yinwang。

  2. 安装部署插件

    npm install hexo-deployer-git
  3. 安装盘古插件

    npm install pangu
  4. 安装加密插件

    npm install hexo-blog-encrypt
  5. 安装懒加载图片插件

    npm install hexo-lazyload-image

    注:npm 安装模块时,跟了 -g 的就是全局安装,没跟就是本地安装。跟了 --save 的会被写入到生产环境里。

    注:可以通过 npm list(项目级别) 和 npm list -g(全局) 来查看模块到安装信息。

本地准备工作-拷贝旧文章并添加版本控制

  1. 初始化成Git仓库

    git init
  2. 关联远程仓库

    git remote add origin 仓库地址
  3. 删除source文件夹、.gitignore文件和_config.yml文件。避免下一步拉取起冲突。

  4. 拉取

    git pull origin master

开始使用

  1. 生成:hexo g

  2. 本地预览:hexo s

    注:如果启动服务后,无法通过Ctrl+C来终止服务,可以试试输入taskkill /F /IM node.exe

  3. 发布到线上:hexo d

  4. 清理缓存:hexo clean