文档风格指南

文件命名

文档网站根据每个 Markdown 源文件的路径确定每个页面的路由。因而，确定文件名时应慎重，一旦确定，尽量不要再改动。由于 Windows 不区分文件名大小写，故而 option-B.md 和 option-b.md 在 Windows 下会出现冲突。

我们使用的文件的命名规则是：

文件名一律采用小写字母
文件名应尽量使用单词全称，避免使用各种形式的简写
若文件名中含多个单词，应使用连字符 (hyphen) - 连接

文档 FrontMatter 规范

通过 FrontMatter 为每个 Markdown 页面引入配置。

一般情况下，不需要手动配置 FrontMatter。

详细信息

Frontmatter 必须在 Markdown 文件的顶部，并且被包裹在一对三短划线中间。下面是一个基本的示例:

---
title: 页面的标题
authors:
  - 作者1
  - 作者2
  - 作者3
date: 2023-07-20 23:46:54
---

<!-- 这里是 Markdown 内容 -->

...

下面是一些常用的 Frontmatter 键：

键	类型	必填	默认值	描述
title	string	否	第一个一级标题	页面的标题。如果你不在 Frontmatter 中设置 title ，那么页面中第一个一级标题（即 # title）的内容会被当作标题使用。
author	string[]	否	-	当前文档的作者增补，默认情况下会从 Git 记录获取作者。
data	string	否	文件的创建日期	文档的创建日期

文档语法风格

所有教程均采用 Markdown 语言编写，下面列出了一些本文档中可能用到的语法和注意事项。

标题

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

提示

一级标题是文档名，对应页面标题。一篇文档应有且只有一个一级标题

文档内容从二级标题开始。
文档中标题级别应逐级递增，例如：二级标题内应跟随三级标题，而不能越过三级标题直接使用四级标题
标题不应含有特殊字符：如 latex 公式，代码块，数字编号等，不应以标点符号结尾
标题前后空一行。

正文文本

正文段落 1
(空行)
正文段落 2

提示

中文字符与英文字符和数字之间应加上空格，如 中文 ABC 中文 而非 中文ABC中文中文 123 中文 而非 中文123中文
标点符号采用全角，如 ，、。、：、、、？ 等标点符号与中文字符、英文字符以及数字之间不需加空格
大小写应正确，如：Zotero 不是 zotero，GitHub 不是 github
正文中部分专有词和特殊符号，可以放入 行内代码 来表示，美观且不容易发生错误，例如：操作步骤：编辑 - 设置 - 引用 。

文字样式

这是一段文本，
**用两对星号包裹的内容会被加粗**，
而*只用一对星号（或下划线）包裹的内容会显示为斜体*，
用~~两对波浪线包裹的内容会显示为删除~~，
上下标：19^th^ H~2~O，
你可以标记 ==重要的内容== 。

预览：这是一段文本， 用两对星号包裹的内容会被加粗，而只用一对星号（或下划线）包裹的内容会显示为斜体，用~~两对波浪线包裹的内容会显示为删除~~，上下标：19^th^ H~2~O，你可以标记重要的内容。

徽章推荐

可以通过徽章来标记文档阅读难度、推荐等。语法如下，可以在正文和标题中使用，但是不能在一级标题（页面标题）中使用。

<Badge text="初级" />
<Badge text="中级" />
<Badge text="高级" />
<Badge text="推荐" />

通过 DOI 更新元数据 <Badge text="初级" /> 。

初级中级高级推荐

通过 DOI 更新元数据初级。

无序列表和有序列表

#### 无序列表

- item 1
  - 更多的列表项
  - 更多的列表项
  - 更多的列表项
- item 2
- item 3

#### 有序列表

1. item 1
2. item 2
3. item 3

链接

[相对路径访问主页](../README.md)

[相对路径访问贡献指南](./contributing.md)

引用网站内的内容，可以使用相对链接：./ 表示当前目录，../ 表示上一级目录，../../ 表示上两级目录。

引用外部链接，可以使用绝对链接，例如 https://baidu.com/。

图片

![图片描述](../public/logo.png)

提示

所有的图片资源都应放入 assets/images/ 内，尽量以通俗的方式描述图片内容。

警告

我们不使用 HTML 语法 <img> 标签来引入图片，请使用标准的 Markdown 语法。

Zotero 的图标资源

我们从 Zotero 源代码中拷贝了一部分常用的图标资源，存放在 assets/icons/ 目录中，使用语法与常规图片相同。

例如：![Zotero Logo](../assets/icons/z.svg)

表格

使用 GitHub 风格表格：

|     居中      |         右对齐 | 左对齐         |
| :-----------: | -------------: | :------------- |
| 居中使用`:-:` | 右对齐使用`-:` | 左对齐使用`:-` |
|       b       |      aaaaaaaaa | aaaa           |
|       c       |           aaaa | a              |

提示

第二行表示对齐方式的 : 不是必须的，当没有时，会默认为居左。

代码

行内代码

行内代码效果: `code`

行内代码效果: code

块级代码

```js
var foo = function (bar) {
  return bar++;
};

console.log(foo(5));
```

三个反引号后跟随代码块语言：md、js、plain（纯文本）等。

预览：

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

代码块的高级应用

块级代码允许设置行高亮、聚焦、diff 差异等，请参考 Markdown 扩展 - VitePress

告示块

信息

::: info

这是一个备注

:::

信息

这是一个备注

提示

::: tip

这是一个提示

:::

提示

这是一个提示

警告

::: warning

这是一个警告

:::

警告

这是一个警告

危险

::: danger

这是一个危险

:::

危险

这是一个危险

详情

::: details

这是一个折叠可见内容

:::

详细信息

这是一个折叠可见内容

自定义标题

通过在 tip、warning、danger、details 后添加文字，可以自定义块标题，例如：

::: tip 自定义标题

通过在 `tip`、`warning`、`danger`、`details` 后添加文字

:::

嵌套显示

支持两级嵌套，第一级的标志使用四个冒号::::，例如：

:::: details 嵌套显示

::: tip

这是第二级提示。

:::

::::

嵌套显示

提示

这是第二级提示。

脚注

脚注内容就近放置，以方便阅读源文本。

这是一段文本[^1]

[^1]: 这是一个脚注

这是一段文本^[1]

引用

这是一段正文文本

> 这是一段引用文本

这是另一段正文文本

这是一段正文文本

这是一段引用文本

这是另一段正文文本

提示

除上述文字样式外，不使用 html 语法改变文字样式，仅在特殊情况下使用 html 语法增添文档的趣味性。

贡献者

Northword

jiaojiaodubai

l0o0

页面历史

最后编辑于大约 2 个月前

查看完整历史

这是一个脚注 ↩︎

文档风格指南 ​

文件命名 ​

文档 FrontMatter 规范 ​

文档语法风格 ​

标题 ​

正文文本 ​

文字样式 ​

徽章 推荐 ​

无序列表和有序列表 ​

链接 ​

图片 ​

表格 ​

代码 ​

行内代码 ​

块级代码 ​

告示块 ​

信息 ​

提示 ​

警告 ​

危险 ​

详情 ​

自定义标题 ​

嵌套显示 ​

脚注 ​

引用 ​

贡献者

页面历史

文档风格指南

文件命名

文档 FrontMatter 规范

文档语法风格

标题

正文文本

文字样式

徽章推荐

无序列表和有序列表

链接

图片

表格

代码

行内代码

块级代码

告示块

信息

提示

警告

危险

详情

自定义标题

嵌套显示

脚注

引用