v1.5.1

docs/index.md

@@ -23,13 +23,14 @@ features: # 可选的
 
 # 文章列表显示方式: detailed 默认，显示详细版文章列表（包括作者、分类、标签、摘要、分页等）| simple => 显示简约版文章列表（仅标题和日期）| none 不显示文章列表
 # postList: detailed
+# simplePostListLength: 10 # 简约版文章列表显示的文章数量，默认10。（仅在postList设置为simple时生效）
 ---
 
 
 <!-- 小熊猫 -->
 <!-- <img src="/img/panda-waving.png" class="panda no-zoom" style="width: 130px;height: 115px;opacity: 0.8;margin-bottom: -4px;padding-bottom:0;position: fixed;bottom: 0;left: 0.5rem;z-index: 1;"> -->
 
-<!-- 
+<!--
 ## 关于
 
 ### 📚Blog
@@ -48,9 +49,9 @@ features: # 可选的
 博客部分特色功能介绍
 
 #### 一站式技术搜索
-   
+
    博客内容中包含部分技术教程，可以利用搜索框快速搜索到相关文档，即使博客中没有的，你还可以选择最下方的 `在XXX中搜索“xxx”` 快速到达你想要找的内容。
-   
+
 #### 深色模式与阅读模式
 关爱程序员，保护视力，点击右下角的主题模式按钮试试吧~
 
@@ -80,8 +81,5 @@ features: # 可选的
 - **WeChat or QQ**: <a href="tencent://message/?uin=894072666&Site=&Menu=yesUrl" class='qq'>894072666</a>
 - **Email**: <a href="mailto:[email protected]">[email protected]</a>
 - **GitHub**: <https://github.com/xugaoyi>
- 
-</br>  -->
-
-
 
+</br>  -->

package.json

@@ -21,7 +21,7 @@
     "vuepress-plugin-one-click-copy": "^1.0.2",
     "vuepress-plugin-thirdparty-search": "^1.0.2",
     "vuepress-plugin-zooming": "^1.1.7",
-    "vuepress-theme-vdoing": "^1.5.0",
+    "vuepress-theme-vdoing": "^1.5.1",
     "yamljs": "^0.3.0"
   },
   "dependencies": {

theme-vdoing/components/BloggerBar.vue

@@ -9,7 +9,7 @@
     </div>
     <div
       class="icons"
-      v-if="social"
+      v-if="social && social.icons && social.icons.length"
     >
       <a
         v-for="(item, index) in social.icons"

theme-vdoing/components/Home.vue

@@ -143,7 +143,7 @@
         <UpdateArticle
           class="card-box"
           v-if="homeData.postList === 'simple'"
-          :length="5"
+          :length="homeData.simplePostListLength || 10"
         />
 
         <!-- 详情版文章列表 -->

theme-vdoing/components/UpdateArticle.vue

@@ -111,23 +111,23 @@ export default {
       display flex
       padding 8px 0
       margin 0
-      height 50px
+      height 45px
       width 100%
       dd
         font-size 1.1rem
         color #F17229
         width 50px
         text-align center
         margin 0
-        line-height 50px
+        line-height 45px
       dt
         flex 1
         display flex
         a
           color var(--textColor)
           flex 1
           display flex
-          height 50px
+          height 45px
           align-items center
           font-weight normal
           div
@@ -147,5 +147,5 @@ export default {
           color #999
           text-align right
           font-size 0.9rem
-          line-height 50px
+          line-height 45px
 </style>

theme-vdoing/layouts/Layout.vue

@@ -97,17 +97,6 @@ export default {
       themeMode: 'light'
     }
   },
-  beforeMount () {
-    // 引入图标库
-    const social = this.$themeConfig.social
-    if (social && social.iconfontCssFile) {
-      let linkElm = document.createElement("link")
-      linkElm.setAttribute('rel', 'stylesheet');
-      linkElm.setAttribute("type", "text/css")
-      linkElm.setAttribute("href", social.iconfontCssFile)
-      document.head.appendChild(linkElm)
-    }
-  },
   computed: {
     showRightMenu () {
       const { headers } = this.$page
@@ -184,6 +173,16 @@ export default {
       this.themeMode = mode
     }
     this.setBodyClass()
+
+    // 引入图标库
+    const social = this.$themeConfig.social
+    if (social && social.iconfontCssFile) {
+      let linkElm = document.createElement("link")
+      linkElm.setAttribute('rel', 'stylesheet');
+      linkElm.setAttribute("type", "text/css")
+      linkElm.setAttribute("href", social.iconfontCssFile)
+      document.head.appendChild(linkElm)
+    }
   },
   mounted () {
 

theme-vdoing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-vdoing",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "Vdoing theme for VuePress. 一个基于VuePress的知识管理兼博客主题。",
   "author": {
     "name": "gaoyi(Evan) Xu"