diff --git a/content/_index.md b/content/_index.md
deleted file mode 100644
index 971db42..0000000
--- a/content/_index.md
+++ /dev/null
@@ -1,60 +0,0 @@
-+++
-title = "诡辩术"
-description = "图包来源：https://t.me/addstickers/guibianshu"
-+++
-
-{{ pic_item(src="img/一厢情愿.png", title="一厢情愿") }}
-{{ pic_item(src="img/一孔之间.png", title="一孔之间") }}
-{{ pic_item(src="img/一概而论.png", title="一概而论") }}
-{{ pic_item(src="img/中词不周延.png", title="中词不周延") }}
-{{ pic_item(src="img/中间立场.png", title="中间立场") }}
-{{ pic_item(src="img/临时救援.png", title="临时救援") }}
-{{ pic_item(src="img/举证责任.png", title="举证责任") }}
-{{ pic_item(src="img/人身攻击.png", title="人身攻击") }}
-{{ pic_item(src="img/以偏概全.png", title="以偏概全") }}
-{{ pic_item(src="img/伪二分法.png", title="伪二分法") }}
-{{ pic_item(src="img/分割谬误.png", title="分割谬误") }}
-{{ pic_item(src="img/前后即因果.png", title="前后即因果") }}
-{{ pic_item(src="img/合成谬误.png", title="合成谬误") }}
-{{ pic_item(src="img/否定前件.png", title="否定前件") }}
-{{ pic_item(src="img/基因缪误.png", title="基因缪误") }}
-{{ pic_item(src="img/妄下定论.png", title="妄下定论") }}
-{{ pic_item(src="img/完美主义谬误.png", title="完美主义谬误") }}
-{{ pic_item(src="img/循环逻辑.png", title="循环逻辑") }}
-{{ pic_item(src="img/忽视主因.png", title="忽视主因") }}
-{{ pic_item(src="img/掩耳盗铃.png", title="掩耳盗铃") }}
-{{ pic_item(src="img/无法证伪.png", title="无法证伪") }}
-{{ pic_item(src="img/求新逻辑.png", title="求新逻辑") }}
-{{ pic_item(src="img/滑坡谬误.png", title="滑坡谬误") }}
-{{ pic_item(src="img/相关即因果.png", title="相关即因果") }}
-{{ pic_item(src="img/相对论谬误.png", title="相对论谬误") }}
-{{ pic_item(src="img/确认偏误.png", title="确认偏误") }}
-{{ pic_item(src="img/积非成是.png", title="积非成是") }}
-{{ pic_item(src="img/稻草人谬误.png", title="稻草人谬误") }}
-{{ pic_item(src="img/罪恶关联.png", title="罪恶关联") }}
-{{ pic_item(src="img/肯定后件.png", title="肯定后件") }}
-{{ pic_item(src="img/设计谬误.png", title="设计谬误") }}
-{{ pic_item(src="img/诉诸主流.png", title="诉诸主流") }}
-{{ pic_item(src="img/诉诸仇恨.png", title="诉诸仇恨") }}
-{{ pic_item(src="img/诉诸传统.png", title="诉诸传统") }}
-{{ pic_item(src="img/诉诸匿名权威.png", title="诉诸匿名权威") }}
-{{ pic_item(src="img/诉诸（可疑）权威.png", title="诉诸") }}
-{{ pic_item(src="img/诉诸同情.png", title="诉诸同情") }}
-{{ pic_item(src="img/诉诸常规.png", title="诉诸常规") }}
-{{ pic_item(src="img/诉诸怀疑.png", title="诉诸怀疑") }}
-{{ pic_item(src="img/诉诸恐惧.png", title="诉诸恐惧") }}
-{{ pic_item(src="img/诉诸无知.png", title="诉诸无知") }}
-{{ pic_item(src="img/诉诸概率.png", title="诉诸概率") }}
-{{ pic_item(src="img/诉诸自然.png", title="诉诸自然") }}
-{{ pic_item(src="img/诉诸荒谬.png", title="诉诸荒谬") }}
-{{ pic_item(src="img/诉诸谄媚.png", title="诉诸谄媚") }}
-{{ pic_item(src="img/误导性鲜活个案.png", title="误导性鲜活个案") }}
-{{ pic_item(src="img/谎言.png", title="谎言") }}
-{{ pic_item(src="img/赌徒谬误.png", title="赌徒谬误") }}
-{{ pic_item(src="img/身价逻辑.png", title="身价逻辑") }}
-{{ pic_item(src="img/身份主观.png", title="身份主观") }}
-{{ pic_item(src="img/转移注意.png", title="转移注意") }}
-{{ pic_item(src="img/轶事证据.png", title="轶事证据") }}
-{{ pic_item(src="img/轻率概化.png", title="轻率概化") }}
-{{ pic_item(src="img/隐瞒证据.png", title="隐瞒证据") }}
-{{ pic_item(src="img/来源-读者书摘.png", title="来源-读者书摘") }}
diff --git a/sass/css/style.scss b/sass/css/style.scss
index 0c04f02..ad97107 100644
--- a/sass/css/style.scss
+++ b/sass/css/style.scss
@@ -37,7 +37,7 @@ body {
}
.flex {
- display: flex;
+ display: inline-flex;
}
.wrap {
diff --git a/static/img/一孔之间.png b/static/img/一孔之见.png
similarity index 100%
rename from static/img/一孔之间.png
rename to static/img/一孔之见.png
diff --git a/static/img/临时救援.png b/static/img/临阵救援.png
similarity index 100%
rename from static/img/临时救援.png
rename to static/img/临阵救援.png
diff --git a/templates/index.html b/templates/index.html
index a0b5800..526f0ef 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,19 +1,107 @@
+{% import "macros/pic_item.html" as pic %}
- {{ section.title ~ " | " ~ section.description }}
+ 诡辩术 | 来源 https://t.me/addstickers/guibianshu
- {{ section.title }}
- {{ section.description }}
+ 诡辩术
+ 图包来源：https://t.me/addstickers/guibianshu
+
+
+ 晓之以理
- {{ section.content | safe }}
+ {{ pic::pic_item(src="img/诉诸匿名权威.png", title="诉诸匿名权威") }}
+ {{ pic::pic_item(src="img/诉诸（可疑）权威.png", title="诉诸") }}
+ {{ pic::pic_item(src="img/诉诸常规.png", title="诉诸常规") }}
+ {{ pic::pic_item(src="img/诉诸无知.png", title="诉诸无知") }}
+ {{ pic::pic_item(src="img/诉诸怀疑.png", title="诉诸怀疑") }}
+ {{ pic::pic_item(src="img/身价逻辑.png", title="身价逻辑") }}
+ {{ pic::pic_item(src="img/求新逻辑.png", title="求新逻辑") }}
+ {{ pic::pic_item(src="img/诉诸主流.png", title="诉诸主流") }}
+ {{ pic::pic_item(src="img/诉诸概率.png", title="诉诸概率") }}
+ {{ pic::pic_item(src="img/诉诸传统.png", title="诉诸传统") }}
+
+ 动之以情
+
+
+ {{ pic::pic_item(src="img/掩耳盗铃.png", title="掩耳盗铃") }}
+ {{ pic::pic_item(src="img/诉诸恐惧.png", title="诉诸恐惧") }}
+ {{ pic::pic_item(src="img/诉诸谄媚.png", title="诉诸谄媚") }}
+ {{ pic::pic_item(src="img/诉诸自然.png", title="诉诸自然") }}
+ {{ pic::pic_item(src="img/诉诸同情.png", title="诉诸同情") }}
+ {{ pic::pic_item(src="img/诉诸荒谬.png", title="诉诸荒谬") }}
+ {{ pic::pic_item(src="img/诉诸仇恨.png", title="诉诸仇恨") }}
+ {{ pic::pic_item(src="img/一厢情愿.png", title="一厢情愿") }}
+
+
+ 错误推论
+
+
+ {{ pic::pic_item(src="img/轶事证据.png", title="轶事证据") }}
+ {{ pic::pic_item(src="img/合成谬误.png", title="合成谬误") }}
+ {{ pic::pic_item(src="img/分割谬误.png", title="分割谬误") }}
+ {{ pic::pic_item(src="img/设计谬误.png", title="设计谬误") }}
+ {{ pic::pic_item(src="img/赌徒谬误.png", title="赌徒谬误") }}
+ {{ pic::pic_item(src="img/轻率概化.png", title="轻率概化") }}
+ {{ pic::pic_item(src="img/妄下定论.png", title="妄下定论") }}
+ {{ pic::pic_item(src="img/中间立场.png", title="中间立场") }}
+ {{ pic::pic_item(src="img/完美主义谬误.png", title="完美主义谬误") }}
+ {{ pic::pic_item(src="img/相对论谬误.png", title="相对论谬误") }}
+ {{ pic::pic_item(src="img/以偏概全.png", title="以偏概全") }}
+ {{ pic::pic_item(src="img/一概而论.png", title="一概而论") }}
+ {{ pic::pic_item(src="img/中词不周延.png", title="中词不周延") }}
+
+
+ 操纵内容
+
+
+ {{ pic::pic_item(src="img/临阵救援.png", title="临阵救援") }}
+ {{ pic::pic_item(src="img/一孔之见.png", title="一孔之见") }}
+ {{ pic::pic_item(src="img/确认偏误.png", title="确认偏误") }}
+ {{ pic::pic_item(src="img/伪二分法.png", title="伪二分法") }}
+ {{ pic::pic_item(src="img/谎言.png", title="谎言") }}
+ {{ pic::pic_item(src="img/误导性鲜活个案.png", title="误导性鲜活个案") }}
+ {{ pic::pic_item(src="img/转移注意.png", title="转移注意") }}
+ {{ pic::pic_item(src="img/滑坡谬误.png", title="滑坡谬误") }}
+ {{ pic::pic_item(src="img/隐瞒证据.png", title="隐瞒证据") }}
+ {{ pic::pic_item(src="img/无法证伪.png", title="无法证伪") }}
+
+
+ 混淆因果
+
+
+ {{ pic::pic_item(src="img/肯定后件.png", title="肯定后件") }}
+ {{ pic::pic_item(src="img/循环逻辑.png", title="循环逻辑") }}
+ {{ pic::pic_item(src="img/相关即因果.png", title="相关即因果") }}
+ {{ pic::pic_item(src="img/否定前件.png", title="否定前件") }}
+ {{ pic::pic_item(src="img/忽视主因.png", title="忽视主因") }}
+ {{ pic::pic_item(src="img/前后即因果.png", title="前后即因果") }}
+ {{ pic::pic_item(src="img/积非成是.png", title="积非成是") }}
+
+
+ 发起进攻
+
+
+ {{ pic::pic_item(src="img/人身攻击.png", title="人身攻击") }}
+ {{ pic::pic_item(src="img/举证责任.png", title="举证责任") }}
+ {{ pic::pic_item(src="img/身份主观.png", title="身份主观") }}
+ {{ pic::pic_item(src="img/基因缪误.png", title="基因缪误") }}
+ {{ pic::pic_item(src="img/罪恶关联.png", title="罪恶关联") }}
+ {{ pic::pic_item(src="img/稻草人谬误.png", title="稻草人谬误") }}
+
+
+ 来源
+
+ {{ pic::pic_item(src="img/来源-读者书摘.png", title="来源-读者书摘") }}
+
+
diff --git a/templates/shortcodes/pic_item.html b/templates/macros/pic_item.html
similarity index 66%
rename from templates/shortcodes/pic_item.html
rename to templates/macros/pic_item.html
index 63e6ffc..63b0b8e 100644
--- a/templates/shortcodes/pic_item.html
+++ b/templates/macros/pic_item.html
@@ -1,4 +1,6 @@
+{% macro pic_item(title, src, class="") %}
 }})
{{ title }}
+{% endmacro pic_item %}
diff --git a/templates/tmp.html b/templates/tmp.html
new file mode 100644
index 0000000..e69de29