枕边童话

枕边童话重新开始

Tue, 26 May 2026 00:00:00 GMT

这个站点现在换成了 Astro 和 Fuwari。

我保留了原来网站最重要的气质：蓝紫色夜空、城堡、星光、云雾，还有一点睡前童话的柔软感。技术栈换了，但它不应该变成一个普通模板站。

以后这里会放三类内容：

技术笔记：服务器、Linux、编程、科研工具链。
学习记录：读到的资料、踩过的坑、复盘和总结。
日常灵感：一些短句、想法和夜晚冒出来的小故事。

静态站的好处是简单、快、稳定。写文章只需要在 src/content/posts 里新增 Markdown 文件，然后构建部署即可。

:::note 这个站点的设计方向是“梦幻但可读”。背景负责氛围，正文区域保持清晰。 :::

写作格式示例

Tue, 26 May 2026 00:00:00 GMT

这篇文章用来测试新主题下的 Markdown 显示效果。

标题

二级标题适合组织文章的大段落。正文保持普通字号，阅读区域用半透明卡片承载，避免背景图影响可读性。

引用

夜晚适合把复杂的问题拆小，也适合把零散的想法收起来。

列表

先写清楚问题。
再记录尝试过的方法。
最后留下可复用的结论。

代码

const site = {
  name: "枕边童话",
  stack: "Astro + Fuwari",
  mood: "fairytale night",
};

:::tip 文章写完后运行 pnpm build，可以提前发现格式、链接和构建问题。 :::

如何继续写这个站

Tue, 26 May 2026 00:00:00 GMT

这个站点的文章都放在：

src/content/posts/

最简单的新增方式，是创建一个新的 Markdown 文件：

src/content/posts/my-new-post.md

文件顶部写 frontmatter：

---
title: 我的新文章
published: 2026-05-26
description: 首页卡片和搜索结果里显示的简短说明。
tags: [标签一, 标签二]
category: 分类
draft: false
---

正文直接写 Markdown。

图片

公共图片可以放在：

public/images/

文章里这样引用：

![图片说明](/images/example.png)

如果是某篇文章专用的图片，也可以新建文章目录：

src/content/posts/my-post/
├── index.md
└── cover.png

然后在 index.md 里写：

image: ./cover.png

发布

本地预览：

pnpm dev

构建静态文件：

pnpm build

构建后的文件会出现在：

dist/

Astro 站点维护笔记

Tue, 26 May 2026 00:00:00 GMT

这个站点基于 Fuwari 改造，使用 Astro 生成静态页面。

常用命令：

pnpm install
pnpm dev
pnpm build
pnpm preview

主要目录：

src/config.ts              站点标题、导航、头像、主题配置
src/content/posts/         博客文章
src/content/spec/about.md  关于页
src/styles/                全局样式和主题变量
public/images/             静态图片资源

新增文章时，复制一份 Markdown 文件到 src/content/posts，写好 frontmatter：

---
title: 文章标题
published: 2026-05-26
description: 简短描述
tags: [标签一, 标签二]
category: 分类
draft: false
---

如果还没写完，可以把 draft 改成 true，构建时就不会出现在公开页面里。