diff --git a/layout/_partial/article.ejs b/layout/_partial/article.ejs
index 7c8f3d3..11fff1c 100644
--- a/layout/_partial/article.ejs
+++ b/layout/_partial/article.ejs
@@ -22,6 +22,12 @@
<% } %>
<% } else { %>
+ <% if (!index && post.toc){ %>
+
+ 文章目录
+ <%- toc(post.content) %>
+
+<% } %>
<%- post.content %>
<% } %>
diff --git a/source/css/_partial/article.styl b/source/css/_partial/article.styl
index 54c2c13..f02de37 100644
--- a/source/css/_partial/article.styl
+++ b/source/css/_partial/article.styl
@@ -325,4 +325,51 @@ $article-share-link
img
display: block
max-width: 100%
- margin: 0 auto
\ No newline at end of file
+ margin: 0 auto
+
+/* toc */
+.toc-article
+ background #F9F9F9
+ margin 2em 0 0 0.2em
+ padding 1em
+ border-radius 0px
+ .toc-title
+ font-size 120%
+ strong
+ padding 0.3em 1
+ol.toc
+ width 100%
+ margin 1em 2em 0 0
+#toc
+ line-height 1em
+ font-size 0.8em
+ float right
+ .toc
+ padding 0
+ li
+ list-style-type none
+ .toc-child
+ padding-left 0em
+#toc.toc-aside
+ display none
+ width 13%
+ position fixed
+ right 2%
+ top 320px
+ overflow hidden
+ line-height 1.5em
+ font-size 1em
+ color color-heading
+ opacity .6
+ transition opacity 1s ease-out
+ strong
+ padding 0.3em 0
+ color color-font
+ &:hover
+ transition opacity .3s ease-out
+ opacity 1
+ a
+ transition color 1s ease-out
+ &:hover
+ color color-theme
+ transition color .3s ease-out
\ No newline at end of file