网站内容添加(内容分类网站的基本功能，无非是内容的添加和展示)

　　网站内容添加(内容分类网站的基本功能，无非是内容的添加和展示)

　　概括

　　网站 的基本功能无非就是添加和显示内容。网站刚刚成立，需要积累一定的内容，然后逐步打造风格和功能。

　　这个阶段主要做了两方面的工作：确定内容分类和构建自动化工具。

　　内容分类

　　网站第一栏是博客、小说和板画。

　　每个类别都有自己的 Nutstore 共享目录和自己的 Git 存储库。之所以将它们分开放置，是因为它们的原创数据和呈现形式存在明显差异，存储方式可能会在后期有所改变。比如板画作品都是图像文件，如果数量很大，应该放在云对象存储服务中。

　　博客

　　博客是网站的主要内容，其详情页显示文章标题大纲，所以只需使用默认主题的sidebar:auto即可。

　　博客列表目前是通过修改 README.md 文件手动维护的。因为VuePress是为技术文档设计的，目录不符合博客的使用习惯，所以接下来就是自己实现需要的功能了。

　　早期文章的数量不多，这个需求不急，但我们先记录下预期的效果：

　　小说

　　本专栏展示了 Daisy *敏*感*词*的一些 原创 作品。

　　侧边导航应该显示基于当前工作的章节和附属内容的完整列表，在此处使用。虽然每项工作都需要手动维护目录，但工作量完全可以接受。

　　小说的列表页也是手动维护的，估计以后不会自动生成了。这里我们需要对演示表单进行较大的调整，并计划创建一个专门的布局模板。

　　预期生产效果：

　　板画

　　目前是黛西*敏*感*词*的板绘，但按照计划，这是一个展示艺术作品的栏目。包括：绘画、音乐、视频、摄影等。

　　将大量二进制文件放在一个 Git 存储库中并不是一个好主意，以后肯定会移动它。相应地，您需要创建一个管理工具来处理图片的上传和.md文件的生成。现在我摆弄了一个 NodeJS 脚本来根据图像自动生成一个 .md 文件。

　　对此，需要特别注意 VuePress 的图像处理方式。它将转码 .md 文件中的图像路径，从而导致 Windows 环境中的构建错误。对于这个问题，图片存放目录不需要是中文的。不管怎样，以后的照片都会一直放在云端。

　　预期生产效果：

　　自动化

　　基于 VuePress 的静态 网站，每次内容更新都需要 build 来生成新的 build 结果。我们不想做这种重复的工作，所以有一个自动化的构建和部署解决方案。

　　本地开发环境自动化使用NodeJS脚本，提供的构建服务在线使用。在线服务是基于Jenkins的，可以通过编辑项目根目录下的Jenkinsfile文件来定义流水线的步骤，非常方便。

　　在自动构建的过程中，花了很多时间学习Node.js相关知识。

　　资源整合

　　在构建之前，您需要整合网站内容资源。

　　线上环境是将所有资源仓库拉到docs目录下，这部分功能是通过在Jenkinsfile中编写脚本来实现的。

　　在本地开发环境中，通过坚果云实时同步资源目录。无需将其推送到 Git，然后再将其拉取。只需使用脚本将副本复制到 docs 目录即可。

　　网站部署

　　网站的构建结果使用静态网站服务托管，项目下建立专用Git仓库绑定网站的自动部署。这样，只需将构建结果提交到 Git，网站 就会更新。

　　构建既可以利用提供的环境，也可以在本地进行。我选择拥有所有这些，并分别为这两个环境配置自动化。

　　线上环境还是把操作步骤写进Jenkinsfile，都是同一个平台，拉取、构建、提交一气呵成。

　　在本地环境下，每一步都制作NodeJS脚本，然后使用package.json中定义的操作指令，自动依次执行脚本。