Windows部署Hexon可视化博客环境

目录

  1. 1. 介绍
    1. 1.1. 1. 安装 Node.js 和 Git
    2. 1.2. 2. 安装 Hexo
    3. 1.3. 3. 创建 Hexo 项目
    4. 1.4. 4. 安装 Hexon 插件
    5. 1.5. 6. 访问 Hexon
    6. 1.6. 7. 使用 Hexon 管理博客
    7. 1.7. 小贴士

介绍

你在使用hexo写文章的时候是不是还在

hexo new
hexo g
hexo d

这样写文章不仅效率慢而且管理起来也不方便，所以今天我就带来了这个项目——hexon

hexon是一个带有git的hexo图形化界面，可以运行命令和管理内容，Hexo 本身是一个基于 Node.js 的静态博客框架，没有官方的图形化界面（GUI）。不过，你可以使用 Hexo Admin 或 第三方 Hexo 可视化管理工具 来提供类似图形界面的管理方式。

这是它的github链接

https://github/gethexon/hexon

1. 安装 Node.js 和 Git

安装 Hexo 之前，需要确保您的 PC 中已经安装以下工具:

如果您的电脑已经具备所需工具，那么您可以直接进入第二章开始安装 Hexo 了。

如果您还未安装这两款工具，那么请按照以下步骤进行安装。

确保已经安装 Node.js 和 Git，步骤参考之前的指南。

2. 安装 Hexo

  1. 打开命令提示符（CMD）或 PowerShell。

  2. 运行以下命令全局安装 Hexo CLI：

    npm install -g hexo-cli

3. 创建 Hexo 项目

  1. 在命令提示符中，切换到你想创建项目的目录：

    cd D:\my-blog

  2. 创建新项目：

    hexo init

  3. 进入项目目录并安装依赖：

    cd my-blog
npm install

4. 安装 Hexon 插件

git clone https://github.com/gethexon/hexon.git
npm install;npm run setup
# pnpm start
npm start

---
git clone https://github.com/gethexon/hexon --depth 1
cd hexon
pnpm install
pnpm run setup
  • pnpm run setup: 安装和配置
  • pnpm start: 使用 Node 启动 Hexon
  • pnpm prd: 使用 pm2 启动 Hexon
  • pnpm resetpwd: 重置密码
  • pnpm script: 管理自定义脚本

6. 访问 Hexon

  1. 打开浏览器，访问 http://localhost:4000/admin。
  2. 你可以在这里进行博客的管理和文章发布。

7. 使用 Hexon 管理博客

通过 Hexon，你可以轻松地添加、编辑和删除文章，管理博客设置等。

小贴士

  • 确保在命令提示符中运行 Hexo 命令时处于项目目录。
  • 如果需要更多的主题和插件，可以查阅 Hexo 官方文档。

完成以上步骤后，你就可以在 Windows 上通过图形化界面管理 Hexo 博客了！