1
0
mirror of https://github.com/ZSCNetSupportDept/website.git synced 2025-12-26 21:11:12 +08:00
Files
website/docs/devdocs/03-开发组网站/02-文件的组织.md

4.8 KiB
Raw Blame History

description
description
如何组织文档的结构

文件的组织

所有的文档都采用Markdown编写如果你对它不熟悉的话建议看"撰写内容"板块这里不再赘述。这里讲一讲Docusaurus特定的组织文档的技巧。

Sidebar

如果你使用电脑端访问本站的话,你可以看到在站点的左边有你当前访问的文档(wiki或者开发组文档)的目录我们称之为Sidebar。

Sidebar本来是高度可配置的但是我们的Sidebar配置很简单自动搜索原样反映/docs/wiki/docs/devdocs下的所有文件和子目录中的文件。也就是说,这两个目录下的每个.md文件都对应sidebar中的一篇文章每个文件夹都对应着Sidebar中的一个子栏目右边有箭头可以展开的那个官方的行话叫做Category,"类别")。

这非常直观所以如果你会Markdown的话应该很快就可以上手开始编写文章不过在编写之前你需要知道如下事情

index.md

系统会特殊处理每个文件夹下,名为index.md的文件。它会被当作这个子栏目的概述文件。当你点击Sidebar的子栏目而不是右边的箭头网站就会显现相应文件夹下的index.md文件。

官方文档:链接,实际上使用README.md也可,不过本项目约定使用index.md

给文件编号以排序

默认情况下系统会在Sidebar中按照拼音或首字母的顺序从上到下排列文档。但是如果我们想让某些文档排在前面某些在后面按一定的顺序排列文档该怎么办

我们的做法是,将每个.md文件前面加上一个数字前缀:

例如,如果你在目录wiki编写教程下有如下文件:如何快速编写wiki.md编写wiki的高级技巧.md额外说明.md;如果直接这样放上去的话,系统会如下排列这些文章:

演示Sidebar

这完全不是我们想要的!我们想要以主题由浅入深的顺序排列文章..那么应该怎么办?正确的做法是把文件重命名为如下格式:01-如何快速编写wiki.md02-编写wiki的高级技巧.md03-额外说明.md,此时,系统会如下显示:

演示Sidebar-1

系统在构建时会自动去除数字前标,另外这个操作对于子文件夹也适用的。

官方文档:链接,官方实际上推荐在每个文档内部使用元数据的方式来标记位置,不过我们还是使用这种修改文件名的方式。因为这样简单方便,直观而且能集中管理。

当然我们的方法在调整顺序时可能需要连锁修改很多文件名,不过方案总归要权衡利弊~

使用"_"忽略某些文件

系统会忽略以_开头的所有文件和文件夹,它们并不会参与到构建中,所以如果你在写一些东西,而且暂时不想把它们放出来的话,可以先用_注释掉它们。

官方文档:链接

docs-card

在站内你可以看到这样的组件: cards 它们通常出现在index.md中,以一系列卡片的形式展现了该子文件夹中的文件和文件夹。

要使用它们请在markdown中添加如下代码


import DocCardList from '@theme/DocCardList';

<DocCardList  className="docs-card" />

官方文档:链接

注意class是必要的因为我们修改了h2的默认样式而docs-card默认把标题渲染成h2我们专门写了一段CSS把样式在docs-card里面改了回来。

为文件添加简述

在每个文件的下面有一行小字,这是这个文件的简述。默认情况下,系统会把h1下的第一句话当作简述,如果你想自定义简述的话,请在那篇文章的开头添加以下内容:


---

description: 在这里填入你的简述

---

官方文档:链接1链接2

为目录设置简述

当docs-card所展示的含有子目录时可以通过在该子目录下设置一个名为_category_.json的文件来添加简述:


{
    "description": "在这里填入你的简述"
}


官方文档:链接

官方文档好像说yaml也可以我没怎么用过你们可以尝试下