hexo创建网站 - 技术栈

下面是使用 Hexo 创建博客网站并使用你给出的模板（hexo-theme-redefine）的完整步骤指南（适合初学者 & 实操用）👇

⸻

🚀 一、准备环境

确保你已经完成以下准备：

Node.js（推荐最新版 LTS）

检查版本：

node -v

复制代码

2.	Git 已安装并可用

git --version

复制代码

3.	全局安装 Hexo 工具

npm install -g hexo-cli

如果还没有安装，可参考官方文档安装 Hexo。

⸻

📁 二、创建 Hexo 网站

打开终端，运行：

创建一个新的 Hexo 站点

hexo init my-blog

cd my-blog

安装依赖

npm install

这会生成基本的 Hexo 目录结构：

my-blog/

├── _config.yml

├── source/

├── themes/

└── ...

⸻

🎨 三、安装 Redefine 主题

有两种安装方式：

✅ 方法 1 --- 通过 npm 安装（推荐）

cd my-blog

npm install hexo-theme-redefine@latest

主题会被安装到 node_modules/hexo-theme-redefine/ 目录。

✅ 方法 2 --- 通过 Git 克隆

如果你希望自己修改主题代码：

cd my-blog

git clone https://github.com/EvanNotFound/hexo-theme-redefine.git themes/redefine

这样把主题源码放到 Hexo 的 themes/redefine 文件夹里。

⸻

🔧 四、启用主题

打开你站点目录下的主配置文件：

_config.yml

修改主题配置：

theme: redefine

⸻

⚙️ 五、添加主题配置文件（可选但推荐）

为了覆盖默认设置、方便升级主题，你可以创建独立配置文件：

在站点根目录创建：

_config.redefine.yml

将你希望覆盖的主题配置复制进去（从 Redefine 文档里取）。

⸻

📝 六、写第一篇文章

生成一篇文章示例：

hexo new post "Hello World"

会在 source/_posts 下生成 hello-world.md。写完后可以编辑内容。

⸻

👀 七、预览网站

在本地启动调试服务器：

hexo server

然后在浏览器打开：

http://localhost:4000

你应该可以看到用 Redefine 主题渲染的博客主页。

⸻

🚢 八、生成 & 发布网站

▶️ 本地生成静态文件

hexo generate

或缩写

hexo g

生成内容会放在：

public/

▶️ 部署到 GitHub Pages（示例）

安装部署插件：

npm install hexo-deployer-git --save

复制代码

2.	修改站点 _config.yml：

deploy:

type: git

repository: https://github.com/\<你的用户名>/<你的仓库名>.git

branch: gh-pages

复制代码

3.	执行部署：

hexo deploy

hexo d

完成后就可以在 GitHub Pages 上访问你的网站了。

⸻

🔍 参考 & 主题特点

hexo-theme-redefine 是一个基于 Hexo 5+ 的现代博客主题，特点包括：

✔ Light / Dark 模式切换

✔ 数学公式支持（MathJax）

✔ Mermaid 图表

✔ APlayer 音乐播放器

✔ 自定义导航 / 友链页

✔ SEO 优化

✔ Tailwind CSS 支持

...等功能丰富。

主题仓库地址：

👉 https://github.com/EvanNotFound/hexo-theme-redefine

⸻

❓ 常见问题 Tips

✔ 如果主题安装后没有效果，请确认 theme: redefine 设置是否正确。

✔ 若你通过 npm 安装主题而不是 clone，请确保 node_modules/hexo-theme-redefine/ 存在。

✔ 推荐阅读主题官方文档深入定制样式与模块。

⸻

如需要，我也可以帮你写出完整的 Hexo + GitHub Pages 自动部署脚本或根据这个主题做自定义配置样例 👌。

下面教你如何用 Nginx 访问你本地生成的 Hexo 网站（最常见部署方式：Nginx + 静态文件）。

⸻

✅ 目标

通过下面步骤，你可以做到：

浏览器访问 http://你的域名或 http://服务器IP

→ Nginx 返回 Hexo 的博客页面

⸻

🟦 1. 在 Hexo 项目中生成静态页面

Hexo 本质就是生成静态 HTML：

cd your_hexo_folder

hexo clean

hexo generate

缩写

hexo g

生成后的静态文件在：

public/

👉 Nginx 只需要访问这个 public 目录即可。

⸻

🟧 2. 安装 Nginx（如果还没安装）

Ubuntu / Debian：

sudo apt install nginx -y

CentOS / Rocky / RHEL：

sudo yum install nginx -y

sudo systemctl enable nginx --now

检查是否运行：

systemctl status nginx

⸻

🟩 3. 将 Hexo 的静态文件放到 Nginx 网站目录

最常见方式：

sudo cp -r public/* /usr/share/nginx/html/

如果你想留着 Hexo 源码不动，也可以让 Nginx 直接指向你的 public 目录。

⸻

🟦 4. 配置 Nginx（推荐方式）

打开配置文件：

sudo nano /etc/nginx/conf.d/hexo.conf

写入下面内容：

server {

listen 80;

server_name yourdomain.com; # 换成你的域名或服务器IP

复制代码

root /home/youruser/my-blog/public;  # 指向 Hexo public 目录
index index.html;

location / {
    try_files $uri $uri/ =404;
}

}

保存后检查语法：

sudo nginx -t

重载 Nginx：

sudo systemctl reload nginx

⸻

🟫 5. 浏览器访问

http://你的域名

或

http://你的服务器IP

看到博客页面即可。

⸻

🟨 常见问题（必看）

❓1. Nginx 显示 403？

原因：权限不够

解决：

sudo chmod -R 755 /home/youruser/my-blog/public

❓2. 更换主题后没有更新？

记得重新编译：

hexo clean && hexo g

⸻

🟩 需要 HTTPS（免费证书）吗？

我也可以帮你配置 Let's Encrypt 自动证书：

✔ 自动签发

✔ 自动续期

✔ 配合 Cloudflare

✔ 配合多域名

只需告诉我：

• 你的域名

• 是否 Cloudflare 代理

• 系统版本（Ubuntu / CentOS 等）

⸻

如果你愿意，我可以直接：

▶ 帮你生成完整的 nginx 配置文件

▶ 图示说明 Nginx + Hexo 部署结构

▶ 写一个自动部署脚本，让你一键更新博客

需要吗？