Hexo静态博客搭建与维护指南

發表於 更新於 分類於 ，

前言：

www.imLam.com 博客考虑到未来 Oracle 服务器维护成本，已从原本的 Typecho 动态博客转移到了 Hexo 静态博客框架，这个转变令网站更加迅速与简洁。现在，只需将 HTML 网页代码部署在 GitHub Pages 平台上，即可免费托管，每年只需支付域名费用，就能保持网站永久在线。

hexo官网

一、准备工作：

下载Node.JS

下载Git

二、安装方法：

Hexo是一个强大的静态网站生成器，它能够将你的博客内容转化为静态文件，无需数据库支持，同时提供了丰富的主题和插件。以下是Hexo搭建静态博客的基本步骤：

  1. 安装Hexo：首先，确保你已经安装了Node.js和Git。然后，运行以下命令安装Hexo：

    1
    npm install -g hexo-cli

  2. 创建博客：使用以下命令创建一个新的Hexo博客项目：

    1
    2
    3
    hexo init my-blog
    cd my-blog
    npm install
  • 编写内容：使用Markdown语法编写你的博客文章，并将它们保存在source/_posts目录下。
  1. 部署博客：安装hexo-deployer-git插件，选择一个合适的托管平台（如GitHub Pages、Netlify等），将你的博客部署到互联网上。
    通过遵循以上步骤，你可以轻松地搭建和维护自己的Hexo静态博客，无需租用服务器，享受博客内容创作的乐趣。祝你博客之路愉快！
    1
    npm install hexo-deployer-git --save
  • 在 _config.yml 中添加以下配置（如果配置已经存在，请将其替换为如下）:
    1
    2
    3
    4
    5
    deploy:
      type: git
      repo: https://github.com/<username>/<project>.github.io.git
      branch: main
      token: ghp_xxxxxxxxxxxxxxxxxxxxxxxx
  • 执行
    1
    hexo clean && hexo deploy
  • 浏览.github.io 检查你的网站能否运作。

Hexo文档：

建站文档

常用命令：

  • 清除缓存

    1
    hexo clean

  • hexo generate 生成静态页面至public目录(-d 立即部署)

    1
    hexo g -d

  • hexo server 开启预览访问端口（浏览器访问：http://localhost:4000）

    1
    hexo s

  • hexo deploy 将网站部署到服务器上

    1
    hexo d

注意事项：

  • 请确保以管理员权限运行所有 CMD 命令，否则可能会导致错误。
  • 安装 Node.js 和 Git 只需点击“Next”即可完成安装过程。
  • 安装 Node.js 后，请务必设置相应的环境变量。
  • 如果你对上述注意事项感到困惑，请自行Google；