#
网站源码 3月6日

零成本搭建高性能个人博客:Fuwari + Cloudflare 全指南

By 壹资源网 5 MIN READ
静态博客特点:通过GitHub、Cloudflare等提供免费托管服务的平台即可部署。无需服务器,免费部署。同时在使用上期文章CloudFlare ImgBed 开源程序。可以做到,不限空间全球可用,免费部署在线博客
20260306120334b23d

必备工具

  1. Git:最常用的版本控制器,用于操作GitHub(推荐官网安装:Git – Downloads)。
    • • 补充:可尝试 GitHub Desktop。
  2. Node.js:Fuwari 博客的运行基础,必须安装(官网:Node.js — Run JavaScript Everywhere)。
  3. GitHub账号:用于创建代码仓库,存放Fuwari博客的所有文件(注册地址:GitHub)。
  4. Cloudflare账号:用于创建Pages服务,绑定域名实现博客公开访问(注册地址:Cloudflare)。
  5. 黑曜石(Obsidian):可视化Markdown编辑器,用于编写博客文章(Fuwari文章均为Markdown格式,官网:Obsidian)。
  6. 基础技能:掌握Markdown基础语法(用于编写博客文章),不会可参考:Markdown 基本语法 | Markdown 官方教程。

二、本地部署Mizuki

  1. Fork仓库:访问 Mizuki 官方仓库,点击右上角「Fork」,将仓库复制到自己的GitHub账号下。
  2. 克隆仓库到本地
    • • 打开Git终端,输入命令:git clone <你的仓库URL>(推荐使用SSH链接,无需科学上网即可推送更改)。
    • • 提示:仓库URL可在自己Fork的仓库页面,点击「Code」获取。
  3. 安装依赖工具

    npm install -g pnpm
    • • 补充:若npm国内下载速度过慢,可替换为cnpm(镜像),参考:npmmirror 镜像站。
    • • 全局安装pnpm(包管理工具):输入命令
  4. 安装项目依赖:进入克隆后的项目根目录,依次输入以下两条命令:

    pnpm install
    pnpm add sharp

✅ 至此,Fuwari 已成功在本地部署完成,可开始后续个性化配置。

三、个性化配置

3.1 修改博客核心信息

在项目根目录的 src 文件夹中,找到config.ts 文件(用Obsidian或任意文本编辑器打开),按以下说明修改:

  • title:填写你的博客主标题(必填)。
  • subtitle:填写博客副标题(可选,首页显示为「主标题 – 副标题」)。
  • lang:设置博客显示语言,注释中已标注常用值(如:enzh_CNzh_TWjako)。
  • themeColor:设置博客主题色(填写hue值,可通过博客右上角「画板图标」预览喜欢的颜色后填写)。
  • banner:设置首页横幅图片,src 后填写图片的http/https链接。
  • favicon:设置网站图标,src 后填写图标的http/https链接。
  • links:配置友情链接(会显示在博客导航栏)。
  • avatar:上传你的个人头像,填写头像的http/https链接。
  • name:填写你的名字(将显示在头像下方)。
  • bio:填写个性签名(显示在头像和名字下方)。
  • NavBarConfig:配置导航栏的超链接(如首页、文章列表等)。
  • ProfileConfig:配置你的个人社交链接(如GitHub、公众号等)。

3.2 清理冗余文件

项目根目录的 src/content/posts 文件夹中,会有默认的示例文章(用于介绍Markdown语法和Fuwari使用技巧)。

建议:将这些示例文章保存到本地其他文件夹(便于后续参考),然后删除 posts 文件夹中的示例文件,避免影响博客整洁度。



免责声明

站点信息:本站网址:https://www.iezyw.com | 资源解压密码:@iezyw.com

性质说明:资源源于网络收集,本站收取的费用仅为收集与整理的人工成本,并非资源本身之售价。

版权声明:内容仅供学习参考,如有侵权请联系邮箱 [email protected],我们将及时处理。

免责条款:资源不代表本站立场,本站不对其观点及真实性负责,请用户自行甄别。

合规声明:严禁以任何方式发布或转载违法规信息,访客发现请向站长举报。

资源维护:资源多为云盘存储,如遇链接失效,请发邮件给到我们,我们会及时更新。

😢 检测到广告拦截

您好,我们检测到您使用了广告拦截插件。

本站分享优质资源,广告是持续更新的唯一动力。

恳请将本站加入白名单,支持继续"用爱发电"!