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

推荐订阅源

博客园 - 司徒正美
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
腾讯CDC
WordPress大学
WordPress大学
爱范儿
爱范儿
GbyAI
GbyAI
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 聂微东
Google DeepMind News
Google DeepMind News
Recent Announcements
Recent Announcements
Latest news
Latest news
Last Week in AI
Last Week in AI
V2EX - 技术
V2EX - 技术
I
InfoQ
N
News | PayPal Newsroom
SecWiki News
SecWiki News
Microsoft Azure Blog
Microsoft Azure Blog
美团技术团队
T
Troy Hunt's Blog
H
Hacker News: Front Page
S
SegmentFault 最新的问题
TaoSecurity Blog
TaoSecurity Blog
V
Visual Studio Blog
Martin Fowler
Martin Fowler
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园_首页
S
Security @ Cisco Blogs
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
小众软件
小众软件
L
LangChain Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
T
Tor Project blog
L
LINUX DO - 热门话题
月光博客
月光博客
S
Schneier on Security
Y
Y Combinator Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
P
Proofpoint News Feed
Forbes - Security
Forbes - Security
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
Hugging Face - Blog
Hugging Face - Blog
A
Arctic Wolf
Webroot Blog
Webroot Blog
博客园 - 叶小钗
F
Fortinet All Blogs
S
Securelist
AI
AI
B
Blog RSS Feed
Security Latest
Security Latest

bbb-lsy07

初中最后一次出京研学:内蒙古探索 免费注册.CYOU .BOND顶级域名 首次备案成功并进行服务器迁移小记 OpenClaw + 1Panel 快速部署-搭建你的专属 AI 助理 小白硬核建站记系列合集 河南研学记录 Zmail + .ip6.arpa 自建永久免费临时邮箱 搭建VoceChat家庭聊天服务器 免费实现未备案域名解析国内服务器 免费获得17级域名并且托管在CF——IPv6反解域名 一个高仿某红薯平台-部署教程 雨云日本东京服务器测评 免费部署Lsky Pro+ 速建Discourse论坛-小白也可以 新的开源ICP备案系统Yuan-ICP 高拓展性的新一代备案系统 真正零基础:Halo博客搭建的极简指南(全程UI,无需命令) Grok4 终于免费了-简单测评和对比GPT-5 常用十六进制色表-点击复制 CF的R2存储实现一个在线网盘——榨干Cloudflare!
教你部署Astro Fuwari静态博客
bbb-lsy07 · 2025-09-13 · via bbb-lsy07

前言:

当前市面上的博客系统种类繁多,例如 ws、Halo 等。这些系统中不乏设计精美、广受欢迎的主题。然而,它们通常需要服务器支持才能运行。本次,我们将为您介绍一款静态系统主题,并详细讲解其部署安装及基础操作方法,旨在呈现这篇《教你部署 Astro Fuwari 静态博客》。

本地环境/配置:

在开始之前,我们需要先配置好本地的环境。

1.安装Node.js和pnpm

进进入网页,根据网页提示选择相应的系统版本进行下载和安装。

检查:

终在命令行中输入以下两个命令,均应显示版本信息,这表明安装成功:

pnpm -v
node -v

# 若在终端执行上述命令后未显示版本号,建议向ChatGPT寻求帮助,并提供详细信息以便查询(您也可以在文章底部留言)。

2.创建项目

此处通常推荐使用 VS Code。您可以点击此链接进入官网进行下载、安装和使用:https://code.visualstudio.com/

随后在终端执行下面代码创建:

pnpm create fuwari@latest

至此,项目已基本搭建完成,接下来将介绍相关使用内容:

3.配置

基本配置都在src/config.ts这个文件中,原本文件是英文的,如果有词看不懂,可以让AI翻译一下:

4.启动本地服务

执行下面代码,启动服务,并点击最后的本地网站地址访问:

pnpm dev

撰写文章/常用命令:

新建文章:

要撰写新文章,请在终端中输入pnpm new-post 文章标题命令。此操作将在/src/content/posts/目录下自动生成一个新文件。您只需编辑该文件,使用基本的 Markdown 格式即可完成内容创作。

保持文件后,你再次访问,就会发现首页已经多了这一篇文章了。

其他命令:

Command

Action

pnpm install

Installs dependencies

pnpm dev

Starts local dev server at localhost:4321

pnpm build

Build your production site to ./dist/

pnpm preview

Preview your build locally, before deploying

pnpm check

Run checks for errors in your code

pnpm format

Format your code using Biome

pnpm new-post <filename>

Create a new post

pnpm astro ...

Run CLI commands like astro add, astro check

pnpm astro --help

Get help using the Astro CLI

部署上线:

1.编译站点为静态html

执行下面代码进行构建:

pnpm build

构建完可以上传dist目录中内容到服务器或GitHub即可。

写在最后

浩渺云海间,缘分如丝牵,若您为网站之精髓所动,可于下方订阅之卷,或诸平台觅得契合之径,唯需寄一封电邮之名,便与吾辈缔结灵犀,共享智慧之光,永续共鸣。