惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

U
Unit 42
A
About on SuperTechFans
J
Java Code Geeks
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Stack Overflow Blog
Stack Overflow Blog
Recent Announcements
Recent Announcements
GbyAI
GbyAI
F
Fortinet All Blogs
Blog — PlanetScale
Blog — PlanetScale
MongoDB | Blog
MongoDB | Blog
MyScale Blog
MyScale Blog
aimingoo的专栏
aimingoo的专栏
H
Help Net Security
月光博客
月光博客
博客园 - Franky
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Apple Machine Learning Research
Apple Machine Learning Research
The Cloudflare Blog
WordPress大学
WordPress大学
S
SegmentFault 最新的问题
T
Tailwind CSS Blog
Jina AI
Jina AI
有赞技术团队
有赞技术团队
博客园_首页

Wer Blog

离去 - Wer Blog 更优雅的使用CDN - Wer Blog 极验v3滑动拼图验证码逆向与绕过 - Wer Blog 天冷了 我的博客也下雪了 - Wer Blog 2025,在代码与热爱里慢慢生长 - Wer Blog 从豆包手机被封杀到智谱开源掀桌,这些天,我看到了中国AI最精彩的一场攻防战! - Wer Blog TEWA-861G SUPERADMIN权限获取 - Wer Blog 1Panel部署哪吒监控 - Wer Blog 回顾一下2021年9月7日我发的一个朋友圈 - Wer Blog 优化文章排序 - Wer Blog 使用RVC克隆自己的声音 - Wer Blog B站主播PK打首胜的最佳攻略 - Wer Blog 锐评B站粉丝勋章亲密度升级公告 - Wer Blog 数学期望:从理论到直播盲盒的现实应用 - Wer Blog 个人博客该何去何从 - Wer Blog Fuwari RSS 图片路径修复指北 - Wer Blog 又迁移了... - Wer Blog QQ机器人:Docker 一键部署 Koishi + NapCat 指北 - Wer Blog 旁路由新思路——“互指架构” - Wer Blog 🚀 使用Netlify反向代理网站的终极指南 🌐 - Wer Blog 一键DD脚本——快速重装纯净系统的终极解决方案 - Wer Blog 🌈 为你的Halo博客注入色彩:邮件美化模板 教程 - Wer Blog Ubuntu SSH暴力破解审查、预防 - Wer Blog (稳定)360t7 openwrt-immortalwrt 自用固件 - Wer Blog 纯净版封装镜像 - Wer Blog 备案技巧 根据访客来源屏蔽管局检查 - Wer Blog Hexo 避坑指南 - Wer Blog
Fuwari搭建指北 - Wer Blog
Yy · 2025-10-22 · via Wer Blog

环境准备#

在开始之前,请确保你的系统满足以下要求:

  • Node.js >= 20
  • pnpm >= 9
  • Git

安装 Node.js#

  1. 访问 Node.js 官网,下载并安装 Node.js LTS 版本
  2. 安装完成后,打开终端,验证安装:

安装 pnpm#

在终端中执行以下命令安装 pnpm:

验证安装:

  1. 克隆项目仓库:

    git clone https://github.com/yyhhkya/fuwari.git

    cd fuwari

  2. 安装依赖:

  3. 启动开发服务器:

现在你可以在浏览器中访问 http://localhost:4321 查看博客了。

配置修改#

基本配置#

主要配置文件位于 src/config.ts,你需要修改以下内容:

  • 网站标题、描述
  • 作者信息
  • 社交媒体链接
  • 评论系统配置
  • 导航菜单设置

自定义样式#

你可以通过修改以下文件来自定义网站样式:

  • src/styles/variables.styl - 主题颜色等变量
  • src/styles/main.css - 全局样式
  • src/styles/markdown.css - 文章内容样式

创建文章#

使用以下命令创建新文章:

文章将在 src/content/posts 目录下创建,使用 Markdown 格式编写。

创建自定义页面#

使用以下命令创建自定义页面:

页面将在 src/content/spec 目录下创建,使用 Markdown 格式编写。

部署方案#

GitHub Pages 部署#

  1. 在 GitHub 仓库设置中启用 GitHub Pages
  2. 配置 GitHub Actions 工作流(项目已内置)
  3. 推送代码后会自动构建并部署

服务器部署#

  1. 配置 auto-deploy-fuwari/auto-deploy.sh 脚本中的服务器信息
  2. 在服务器上设置好 nginx 配置
  3. GitHub Actions 构建完成后会自动部署到服务器

功能说明#

Fuwari 二开版包含以下主要功能:

  • 🎨 明暗主题切换
  • 🔍 内置搜索功能
  • 📝 Markdown 和 MDX 支持
  • 🏷️ 标签和分类系统
  • 💬 Giscus 评论系统
  • 📱 响应式设计
  • 🔝 文章置顶
  • 🔗 友链管理
  • 📊 统计代码集成
  • 🚀 自动部署

常见问题#

  1. 构建失败怎么办?

    • 检查 Node.js 版本是否符合要求
    • 确保使用 pnpm 安装依赖
    • 查看 GitHub Actions 日志定位具体错误
  2. 如何修改友链?

    • 编辑 src/friends_data.ts 文件
    • 按照已有格式添加或修改友链信息
  3. 如何添加统计代码?

    • src/head_data.ts 中添加统计代码
    • 支持百度统计、Google Analytics 等

结语#

Fuwari 提供了一个现代化、功能完善的博客解决方案。通过本教程的指引,你应该已经能够成功搭建并运行自己的博客。如果在使用过程中遇到问题,欢迎查阅 项目文档 或提交 Issue。