Skip to content

朝花溪拾指南

  非常感谢对《蓝溪拾遗》感兴趣!本文档描述了如何在《蓝溪拾遗》项目下添加、修改妖精与人类(以下简称妖灵)、会馆等的信息。

快速开始

  1. 注册或登录到 GitHub 并前往源代码仓库
  2. 将整个仓库分叉(Fork)到你的账号中。
  3. 克隆你的仓库到本地。
  4. 新建并切换到一条分支,建议以 hei 为分组名,例如 hei/feat-new-guild 对应新建会馆。
  5. 根据仓库根目录下的 README.md 安装并配置环境。
  6. 修改需要的位置,或添加必要的文件。
  7. 在仓库根目录下运行 pnpm run dev:hei然后到浏览器访问 http://localhost:5173 即可预览《蓝溪拾遗》。
  8. 重复前两步,直到认为修改完毕。
  9. 在仓库根目录下运行 pnpm run format 格式化代码。
  10. 在仓库根目录下运行 pnpm run build:hei 确认构建无误。
  11. 提交修改,然后推送分支到你的仓库。
  12. 前往 GitHub 创建推送请求(Pull Request)。
  13. 前往罗狐会馆追踪状态(在线催更)

妖灵

  每位妖精与人类(以下合称妖灵)都有一页详情信息和一张指引卡片,卡片用于在聚合页中统一展示,也用于从会馆详情页跳转到妖灵详情。

  所有卡片的数据存储在妖灵数据的 spirits 常量中,数据结构为同在文件中的 SpiritInfo:原创妖灵存储在 spiritsOC 常量,原著中的妖灵存储在 spiritsAV 常量。

  下表是主要改动位置:

相关条目原创妖灵原著中的妖灵文件路径
聚合页忽略忽略./apps/hei/spirit/index.md
详情页必填必填./apps/hei/spirit/<name>.md
妖灵数据必填必填./apps/hei/.vitepress/spirits.ts
头像必填URL必填./apps/hei/public/assets/spirit/<name>.jpg
  1. 如果有多个妖灵的设定,或者区分 OC 与本体,请选择最喜爱或最能代表的一个设定。
  2. 原创妖灵的头像需要以 URL 形式填写,不应存放在 git 仓库中。
  3. 原创妖灵的详情页可参考 演示页 并在此基础上自由发挥。
  4. 原著中的妖灵的详情页可参考 无限

妖灵们的命名

  在罗小黑世界架构下,妖精的命名风格偏向于二字汉字,人类则偏向于真实姓名(的风格),《蓝溪拾遗》也比较建议原创妖灵遵循这种风格。

  各个文件名命名一般使用妖灵的英文名,如果没有则使用对应的全拼,多数情况下全拼不需要添加横线,除非在英文语境下可能会产生误读。英文名也建议遵循正则表达式 ^[A-Za-z][A-Za-z0-9-_]{3,}$ 以便日后用作其它项目的用户名。

详情页模板

markdown
---
title: 妖灵名称
aside: false
---

# 妖灵名称

<SpiritBanner names="妖灵名称" />

简单介绍。

## 能力

| 流派  | 命名 | 注释 |
|:---:|:--:|----|
| 御灵系 | 木  |    |

基于罗小黑世界架构的能力设定……

## 法器

| 类型 | 命名 | 注释                 |
|:--:|:--:|--------------------|
| 法宝 | 霜翎 | 用本命翎羽与极寒之冰炼制的专属折扇。 |

## 坐标

可以公开的联系方式(三思隐私泄露的可能)。

在会馆页面中引用妖灵

在会馆的详情页中使用 <SpiritBanner> 组件:

markdown
## 妖灵

<SpiritBanner names="雨笛 西木子 池年" />
  1. 组件的 names 值可以按半角空格英文逗号分隔多个妖灵名,但一般情况下建议只用空格。
  2. 组件会按名称查找卡片数据来渲染卡片。如果名字打错或者没有在 spirits.ts 中注册,就会自动跳过这个妖灵(且不会报错)。

会馆

相关条目原创会馆原著中的会馆文件路径
会馆信息必填必填./apps/hei/guild/<name>.md
馆长信息必填,参见妖灵一节选填./apps/hei/spirit/<name>.md
常驻妖灵信息选填,参见妖灵一节选填./apps/hei/spirit/<name>.md

添加原创会馆

./apps/hei/guild/ 目录下新建 <name>.md,内容与布局自由发挥,图片请以 URL 形式提供,不应存储在 git 历史中。参考模板:

markdown
---
title: 会馆名称
aside: false
---

# 会馆名称

> 简介、理念、目标、使命、寄语等。

## 妖灵

<SpiritBanner names="馆长名称 妖灵名称1 妖灵名称2 妖灵名称3 ……" />

## 传送门

<div style="display: flex; flex-direction: column; justify-content: center; align-items: center">
    <a href="会馆入群链接" target="_blank">
        <img
            alt="GuildQRCode"
            src="会馆群聊二维码URL"
            style="width: 240px; margin-top: 64px; padding: 24px; background-color: var(--vp-c-bg); border-radius: 32px"
        />
    </a>
    <code>群号码</code>
</div>

添加原著中的会馆

同样在 ./apps/hei/guild/ 目录下新建 <name>.md,可参考苍南会馆

markdown
---
title: 会馆名称
aside: false
---

# 会馆名称

> 一句话简介。

## 妖灵

<SpiritBanner names="馆长名称 妖灵名称1 妖灵名称2 妖灵名称3 ……" />

## 时间线

## 出场

## 考据

其它

草稿机制

文件名以 .draft.md 结尾表示草稿,例如 ./apps/hei/guild/maomao.draft.md

模式行为
pnpm run dev:hei正常预览,出现在侧边栏和导航栏
pnpm run build:hei自动排除,不出现在构建产物中

确认提交时只需将文件名中的 .draft 移除即可。

最后提交时间: