针对主题的周边开发，核心在于灵活使用注入代码功能提供的接口。
以评论系统为例，首先是在 comments 配置段里添加注入模板，之后就是通过 additional_injections 配置段引入需要额外引入的文件。例如：
- 在
head引入样式表文件 - 在
footer配置段中往 DOM 中加入组件 - 在
after_footer引入执行脚本 - 在
tools引入页面右下角浮动工具栏里的功能按钮（如果有需要的话）
注入模板的格式
注入模板会被直接作为 HTML 字符串添加到模板中的对应位置，所以此处的注入模板也应当是 HTML 格式。特别地，为了更好地表现多行文本，您可以考虑使用 | 来引出多行内容，就像这样：
1 | additional_injections: |
而 tools 部分，为了保持主题一致性，推荐您使用这样的格式设计功能按钮（此处使用的图标仅供示例，您可以自由指定 id 或 onclick 等不涉及渲染样式的属性以便实现功能）：
1 | <div class="box"> |
所以特别地， tools 的注入项会看起来像这样：
1 | additional_injections: |
从表现形式来讲， additional_injections 配置段的 footer 和 after_footer 的功能一致，并没有什么区别，拆开这两个主要是出于语义上的区分需要，即 footer 用于安置组件，而 after_footer 用于引入代码。您也可以使用您自己喜欢的配置方式来管理。
由于此处注入的脚本并不会在 PJAX 时自动重载，请添加针对 PJAX 事件 的监听以确保重载后函数能在页面更新时被再次执行。
我们提供了一个 周边站点 用于陈列一些周边的配置方案，如果您有相关开发参照或使用的需求，欢迎随时前往参考。