文字版教程如下，视频教程可访问https://www.bilibili.com/video/BV1Lu411o7he/视频教程与文档如有区别请以文档教程为主。

配置主题

1、上传图片素材

在外观设置，上传站点logo，打赏二维码，logo需要上传两张一张用于默认模式，一张用于夜间模式，默认模式logo配色随意，夜间模式logo一般用亮色系的，比如默认的就是白色的，微信和支付宝打赏二维码两张图片尺寸最好一致，长宽比均为1：1，就是要正方形的图片。

2、公告设置

填写要公告的内容即可，不填则什么都不显示

3、推荐设置

首页顶部3个推荐位设置！设置方法：文章/广告链接$图片链接 然后换行输入下一个，一共输入3行，如：

https://www.baidu.com/$https://tva1.sinaimg.cn/large/0072Vf1pgy1foxkfylhhxj31hc0u04dv.jpg
https://www.bilibili.com/$https://tva3.sinaimg.cn/large/0072Vf1pgy1foxkjbqfwjj31hc0u0000.jpg
https://www.qq.com/$https://tva2.sinaimg.cn/large/005BYqpgly1frn95wos27j31hc0u01kx.jpg

不需要这个功能的话也可不设置

推荐设置的链接部分也支持调用主题的弹窗（要求主题版本在1.6.2版本及以上），把超链接换成：javascript:sinnertips('xs', '<div class=\'mt-4\'>我是个实例弹窗，我这支持html语法</div>')即可，其中xs参数表示最大宽度为20rem，具体参数对照表如下

常用参数

xs：max-width: 20rem;（最大宽度）

sm：max-width: 20rem;（最大宽度）

4、布局选择

默认为博客布局，如果选择cms布局则需要在cms布局设置中设置首页排版。

cms布局设置

首页布局需要在这里设置，格式为：分类mid$标题$样式(link,post,16x9,4x3,2x3,10x14,3x4,1x2,2x1,3x1,4x1,1x1)$显示的行数，然后换行输入下一个你想要展示在首页的分类，如：1$最新博文$post$2，这样就会有分类mid为1的内容以post的样式输出两排能让在主题上（这里的两排指的是大屏幕下的，手机端会自动处理），分类mid写成0则调用博客最新文章，例如：

30$最新博文$post$1
2620$Typecho主题$4x3$1
2626$Typecho教程$4x3$1
2621$Typecho插件$4x3$1

不知道什么是分类mid的可以看下这个文章进行了解：https://typecho.work/archives/169.html

5、gravatar头像源

因为博客默认评论头像是用的gravatar头像与QQ头像，因为gravatar头像官方源有墙的原因，所以默认用的是非官方的，主题内置了一些源，当你头像显示有问题的时候可以切换一下这里的设置，切换到没有问题的上即可。

6、头部信息

就是网页head部分想要填写的代码，可以填写百度统计和谷歌广告的js代码等

7、页脚信息

网站底部的自定义信息（支持html语法），可以填写备案号等，如果用cnzz统计的话，也推荐填在这里。

例如这样填写版本号：辽ICP备2022004655号

8、分类图标设置与独立页面图标设置

网站默认图标名字可访问https://store.typecho.work/demo/sinner/ 来获取，然后在输入框里输入图标名字，多个名字间用英文输入法下的逗号隔开即可在前台输出效果。

9、强制夜间模式

在拓展设置里，我们勾选【强制夜间模式】这项后，主题就会将夜间模式变为常驻模式，此模式下自2.2.0版本开始不支持前台切换为日间模式。

10、全局文章目录树

开启后会为所有存在h1-h6标签的文章生成文章目录树，不存在h1-h6的则不显示；同时该功能不开启时也可以使用短代码{postindex}单独为某篇文章开始文章目录树功能。【文章目录树功能需要主题在2.5.8版本及以上】

11、广告设置

有文章底部广告，推荐文章处广告，这两个填写框也是支持html语法的，所以广告效果可自行diy，我之前是在文章底部广告那里放的谷歌单元广告，推荐文章处放的谷歌推荐文章的广告（这个谷歌广告是只给高质量站开放的功能，因为我换域名了所以新站也没有这个功能了233）

针对部分文章关闭广告，这里填写文章cid，多个cid之间用英文的逗号隔开即可，因为谷歌广告有的时候会提示风险文章，这时我们可以针对这些文章关闭广告。

12、模板设置数据的备份与恢复

外观设置界面顶部有【备份数据】【恢复数据】【删除备份】三个按钮。

备份数据指的是将模板设置数据备份，备份好后，当你切换别的模板在切换回sinner模板时，可点击【恢复数据】，点击后就会恢复你上次备份的模板设置数据了，【删除备份】这个在你决定完全不用sinner模板时，可以删除之前备份的数据，避免数据库里残留无用数据。