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

推荐订阅源

Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
S
SegmentFault 最新的问题
Recent Commits to openclaw:main
Recent Commits to openclaw:main
Attack and Defense Labs
Attack and Defense Labs
F
Full Disclosure
Vercel News
Vercel News
N
News | PayPal Newsroom
The GitHub Blog
The GitHub Blog
H
Hacker News: Front Page
H
Heimdal Security Blog
P
Privacy International News Feed
博客园 - 司徒正美
Google DeepMind News
Google DeepMind News
N
Netflix TechBlog - Medium
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
C
Cisco Blogs
L
Lohrmann on Cybersecurity
D
Docker
Recent Announcements
Recent Announcements
Security Archives - TechRepublic
Security Archives - TechRepublic
人人都是产品经理
人人都是产品经理
C
CXSECURITY Database RSS Feed - CXSecurity.com
P
Proofpoint News Feed
T
Tailwind CSS Blog
C
Check Point Blog
博客园 - 叶小钗
Google Online Security Blog
Google Online Security Blog
Martin Fowler
Martin Fowler
Stack Overflow Blog
Stack Overflow Blog
博客园 - 聂微东
S
Secure Thoughts
博客园 - Franky
博客园_首页
阮一峰的网络日志
阮一峰的网络日志
P
Palo Alto Networks Blog
Latest news
Latest news
量子位
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
博客园 - 三生石上(FineUI控件)
The Cloudflare Blog
Last Week in AI
Last Week in AI
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Cyberwarzone
Cyberwarzone
小众软件
小众软件
Cisco Talos Blog
Cisco Talos Blog
Hacker News: Ask HN
Hacker News: Ask HN
T
Threatpost
T
Tenable Blog
P
Privacy & Cybersecurity Law Blog
WordPress大学
WordPress大学

lenmei233's Blog

当时只道是寻常:那些藏在普通日子里的最后一次 - lenmei233 苦难就是苦难 前端开发:为什么要优先选择SVG图标而非PNG/JPG Docker:轻量级容器化技术的实战指南 使用Cloudflare部署你的免费网站统计 -- Web-Analytics Leapcell 免费云容器实测:能否替代 Cloud Run,Vercel?
Hello-Fuwari
lenmei233 · 2025-10-01 · via lenmei233's Blog

前言#

最近国庆假期闲来无事,前段时间我的Typecho搭建的博客的服务商跑路了,导致我失去了我的博客。之前的博客也没什么内容,倒也不感觉可惜,但身为一个Coder,怎么能没有自己的博客呢?这相当于是你在互联网上的存在证明,是交友的渠道,也是精神的延续。

所以其实在我的博客消失后,我就计划用一个更稳定的方案搭建新博客。因为本人经济实力不足,无力长期购买服务器,且本着“能不花钱就不花钱”的原则,果断抛弃了动态博客——像WordpressTypecho这类系统虽好,但依赖服务器(至少需要PHP环境),因此我选择了静态博客方案。

于是我通过Google搜索了解到,目前主流的静态博客方案有HexoVitepressVuepress等。我简单折腾了一下发现,想要配置一个好看、易上手的博客其实很麻烦:不仅要安装各种环境,关键是配置周期长,无法及时看到效果,导致我在配置阶段就失去了耐心。

直到一次偶然的机会,我发现了Fuwari这个静态博客框架,而且那篇介绍文章还提供了详细教程(原文链接)。我跟着教程快速上手,很快就搭建出了一个“能让人看到无限可能”的博客雏形。

博客雏形截图

让我们开始吧#

首先我们需要准备这些工具#
  • 能够独立思考的大脑 x 1:用于看懂本文,以及独立解决可能遇到的问题
  • Github账号 x 1:用于Fork仓库和存储博客代码
  • Git 版本控制工具 x 1:用于将Github仓库克隆到本地,以及后续上传博客内容
  • Node.js x 1:Fuwari基于Node.js开发,需安装此环境才能运行
  • Cloudflare账号 x 1:用于将博客部署到Cloudflare Pages,同时获取免费SSL证书等服务
  • Obsidian x 1:一款非常好用的Markdown编辑器,能实时预览文本效果,用来写博客刚刚好
第一步:Fork Fuwari仓库#
  1. 登录你的Github账号
  2. 访问Fuwari的官方模板仓库:https://github.com/saicaca/fuwari
  3. 点击仓库页面右上角的「Fork」按钮(如下图) 点击Fork按钮截图
  4. 跳转后无需修改其他配置,直接点击绿色的「Create fork」按钮即可(注:若已Fork过,此按钮会显示为「Sync fork」)
  5. 进入你Fork后的仓库页面,点击绿色的「Code」按钮,复制弹出窗口中最上方的Git地址(示例:https://github.com/你的用户名/fuwari.git复制Git地址截图
第二步:本地部署环境#
  1. 在电脑上新建一个文件夹(如命名为「blog」),用于存放博客代码
  2. 打开终端,通过cd 文件夹路径命令导航到这个新建文件夹(例:cd /Users/你的用户名/Documents/blog
  3. 在终端执行刚才复制的Git命令,克隆仓库:git clone https://github.com/你的用户名/fuwari.git(网络稳定的情况下,等待克隆完成后,文件夹内会出现「fuwari」子文件夹)
  4. 安装pnpm包管理工具:在终端执行npm install -g pnpm(全局安装,后续可重复使用)
  5. 进入Fuwari项目根目录:cd fuwari
  6. 安装项目依赖:依次执行pnpm installpnpm add sharp(sharp用于处理图片资源,是Fuwari的必要依赖)
  7. 完成以上步骤后,本地环境就搭建好了,可通过后续命令预览博客效果

最后,你可以参考Fuwari官方仓库的Readme.md,进行博客的基础配置(如修改站点名称、作者信息等)。

配置后常用命令汇总#

1. 新建文章#

执行后会在项目根目录的 src/content/posts 文件夹中,自动生成一个名为「你的文章标题.md」的文件。

2. 本地调试(预览效果)#

执行后终端会显示本地访问地址(通常是 http://localhost:4321),打开浏览器访问即可实时预览博客效果,修改内容后页面会自动刷新。

3. 构建生产版本#

将博客构建为可部署的静态文件,输出到项目根目录的 ./dist/ 文件夹中(部署时需上传此文件夹内的内容)。

4. 配置Git全局账号(首次使用Git需执行)#

git config --global user.name "你的Github用户名"

git config --global user.email "你的Github注册邮箱"

5. 上传代码到Github(更新博客后)#
  1. 提交所有修改的文件:git add .(注意末尾的点,表示“所有文件”)
  2. 添加提交说明:git commit -m "你的提交信息"(示例:git commit -m "新增Hello-Fuwar文章"
  3. 推送到远程仓库:git push(首次推送可能需要输入Github账号密码或Token,按提示操作即可)