diff --git a/components/HomeBlog.vue b/components/HomeBlog.vue
index 4711450..8d3c99f 100644
--- a/components/HomeBlog.vue
+++ b/components/HomeBlog.vue
@@ -220,6 +220,7 @@ export default {
     }
     .blog-list {
       flex auto
+      width 100%
     }
     .info-wrapper {
       position: -webkit-sticky;
diff --git a/example/docs/views/category2/2016/121501.md b/example/docs/views/category2/2016/121501.md
index 40463dc..731d48e 100644
--- a/example/docs/views/category2/2016/121501.md
+++ b/example/docs/views/category2/2016/121501.md
@@ -8,4 +8,9 @@ categories:
 sticky: 1
 ---
 
-first page in category2
\ No newline at end of file
+``` js
+console.log('This is a test snippet. If it is too long, it will automatically hide the width cascade to drag horizontally.')
+```
+<!-- more -->
+
+first page in category2