一个基于 Fuwari 模板深度改造的个人花园式博客站点,承载着琴泠的梦境、碎碎念与创作。
这是一个私人花园式站点,目前正在维护中。我用它来存放那些不适合发在公共平台的东西:
- 不成熟但真实的想法
- 断断续续的世界观
- 游戏与故事的原型
- 代码实验
- 以及那些只想对自己说的话
- 日记和个人作品
您可以把这里理解为:博客 + 碎碎念 + 创作仓库 + 内心备忘录
本项目基于 saicaca/fuwari 模板构建,原模板提供了以下核心功能:
- 基于 Astro 静态站点框架
- Tailwind CSS 样式系统
- 平滑动画与页面过渡(基于 Swup)
- 亮色/暗色主题切换
- 可自定义的主题色与 Banner
- 响应式设计
- 站内搜索(基于 Pagefind)
- Markdown 扩展语法
- 文章目录(TOC)
- RSS 订阅
- 首页(文章列表)
- 归档页
- 关于页
- 文章详情页
一个专门记录梦境的页面。梦境与现实交错的地方,收藏那些在睡梦中出现的奇妙世界。
那些转瞬即逝的,如果不肯细心留下了,就永远的失去了。
一个存放短吐槽、情绪片段、即时想法的地方。随便说点什么,取决于心情。
一个存放个人绘画作品的功能版,使用了仿pixiv布局。图床为 postimg
一个个人摄影作品存放点,暂时还在开发中。
在导航栏新增「剪影」下拉菜单,整合访问各种特殊页面,未来可能会根据维护增加新的板块。
新增 mood 字段用于记录每篇文章创作时的心情。
-
博客文章:技术文、长文、整理过的内容
-
梦境 (dream):记录梦境,通过
dream标签分类 -
碎碎念 (message):短吐槽、心情碎片,通过
mess标签分类,拥有mess字段的md文件不会进入归档。碎碎念的mood字段会有对应的十六进制颜色,其对应的颜色表为:焦躁: "#E06C75", 消沉: "#7F8C8D", 怨恨: "#C792EA", 开心: "#3CB371", 平和: "#FFB6C1", 振奋: "#F4A460",
如果新增了不存在的字段,会使用astro全局样式颜色。
强烈建议您新建新的十六进制颜色。
-
照片(photo): 摄影作品,通过标签
photo标签分类,拥有photo字段的md文件不会进入归档 -
画廊(gallery): 绘画作品,通过标签
gallery标签分类,拥有gallery字段的md文件不会进入归档
个人社交链接集成:
- Bilibili
- Bangumi (使用自定义 SVG 图标,已经做了本地svg图标的使用)
- Pixiv
- Steam
- GitHub
| 技术 | 用途 |
|---|---|
| Astro | 静态站点框架 |
| Tailwind CSS | 样式系统 |
| Svelte | 交互组件 |
| Swup | 页面过渡动画 |
| Pagefind | 站内搜索 |
| KaTeX | 数学公式渲染 |
| Expressive Code | 代码块增强 |
| Markdown / MDX | 内容书写 |
# 安装依赖 (需要 pnpm >= 9) pnpm install # 启动开发服务器 pnpm dev # 创建新文章 pnpm new-post <filename> # 构建生产版本 pnpm build # 预览构建结果 pnpm preview # 代码检查 pnpm check # 格式化代码 pnpm format
src/
├── assets/ # 静态资源
│ ├── images/ # 图片资源
│ └── svg/ # 自定义 SVG 图标
├── components/ # 组件
│ ├── DreamPage.astro # 梦境页面组件 (新增)
│ ├── RantPage.astro # 碎碎念页面组件 (新增)
│ └── widget/
│ └── SilhouetteDropdown.astro # 剪影下拉菜单 (新增)
├── content/ # 内容文件
│ ├── posts/ # 文章
│ │ ├── dream/ # 梦境文章目录 (新增)
│ │ └── message/ # 碎碎念文章目录 (新增)
│ └── spec/ # 特殊页面内容
├── layouts/ # 布局
├── pages/ # 页面路由
│ ├── dream/[...page].astro # 梦境列表页 (新增)
│ └── rant/[...page].astro # 碎碎念列表页 (新增)
├── styles/ # 样式文件
├── utils/ # 工具函数
│ ├── dream-utils.ts # 梦境内容处理 (新增)
│ └── mess-utils.ts # 碎碎念内容处理 (新增)
└── config.ts # 站点配置
--- title: 文章标题 published: 2024年01月01日 description: 文章描述 image: ./cover.jpg tags: [dream] # dream: 梦境, mess: 碎碎念 category: 分类 draft: false mood: 烦躁 # 心情 (新增字段),仅用于mess吐槽版 lang: zh_CN ---
本项目内容采用 CC BY-NC-SA 4.0 许可证。
Fuwari 原模板采用 MIT License,详见 Fuwari License。