更新README

README.MD

@@ -52,7 +52,7 @@
     <ul>
         <li><a href="https://github.com/dongyuanxin/vuepress-plugin-comment">评论栏插件</a>
         </li>
-        <li><a href="https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/331">时间轴+分类 页面配置</a>
+        <li><a href="https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/331">时间轴+分类 页面配置</a> (分类数据依赖于自动生成侧边栏工具)
         </li>
         <li>
             <a href="https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/335">文章信息栏（作者与创建时间）</a>
@@ -62,6 +62,11 @@
         <li><a href="https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/337">页脚版权栏</a></li>
     </ul>
    </details>
+   
+5. 首页样式美化
+
+   [首页配置](https://github.com/xugaoyi/vuepress-theme-vdoing-blog/issues/338)
+
 
 ## Start 开始
 

docs/.vuepress/theme/components/Home.vue

@@ -14,8 +14,8 @@
         <!-- PC端features块 s -->
         <div class="features" v-if="data.features && data.features.length && !isMQMobile">
           <div class="feature" v-for="(feature, index) in data.features" :key="index">
-            <router-link :to="$withBase(feature.url)">
-              <img class="image_title" :src="$withBase(feature.imgname)" :alt="feature.title" />
+            <router-link :to="$withBase(feature.link)">
+              <img class="image_title" :src="$withBase(feature.imgUrl)" :alt="feature.title" />
               <h2>{{ feature.title }}</h2>
               <p>{{ feature.details }}</p>
             </router-link>
@@ -30,8 +30,8 @@
           <div class="slide-banner-scroll" ref="slide">
             <div class="slide-banner-wrapper">
               <div class="slide-item" v-for="(feature, index) in data.features" :key="index">
-                <router-link :to="$withBase(feature.url)">
-                  <img class="image_title" :src="$withBase(feature.imgname)" :alt="feature.title" />
+                <router-link :to="$withBase(feature.link)">
+                  <img class="image_title" :src="$withBase(feature.imgUrl)" :alt="feature.title" />
                   <h2>{{ feature.title }}</h2>
                   <p>{{ feature.details }}</p>
                 </router-link>

docs/index.md

@@ -6,39 +6,16 @@ tagline: Web前端技术博客，积跬步以至千里，致敬每个爱学习
 features:
   - title: 前端
     details: JavaScript、ES6、Vue框架等前端技术
-    url: /web/
-    imgname: /img/web.png
+    link: /web/
+    imgUrl: /img/web.png
   - title: 页面
     details: html(5)/css(3)，前端页面相关技术
-    url: /ui/
-    imgname: /img/ui.png
+    link: /ui/
+    imgUrl: /img/ui.png
   - title: 技术
     details: 技术文档、教程、技巧、总结等文章
-    url: /technology/
-    imgname: /img/other.png
-aside:
-  avatar: https://cdn.jsdelivr.net/gh/xugaoyi/image_store/blog/20200103123203.jpg
-  # iconfontCssFile: //at.alicdn.com/t/font_1678482_u4nrnp8xp6g.css # 阿里图标库在线css文件地址,对于原本没有的图标可以另外添加
-  icons:
-    # - iconClass: icon-QQ
-    #   title: QQ
-    #   link: tencent://message/?uin=894072666&Site=&Menu=yesUrl
-    - iconClass: icon-youjian
-      title: 发邮件
-      link: mailto:894072666@qq.com
-    - iconClass: icon-github
-      title: GitHub
-      link: https://github.com/xugaoyi
-    - iconClass: icon-erji
-      title: 听音乐
-      link: https://music.163.com/#/playlist?id=755597173
-  blogger:
-    name: Evan Xu
-    slogan: 前端界的小学生
-# footer: // 此项配置移动到config.js
-#   year: 2019 # 博客创建年份
-#   content: Evan Xu # 支持html标签
-#   # bgImg: /img/footer.png
+    link: /technology/
+    imgUrl: /img/other.png
 ---
 
 ## 关于