feat(page): custom h tag icon

Author: xcyeye

docs/.vuepress/config.js

@@ -810,7 +810,21 @@ module.exports = {
         showAddMood: true,
 
         //生成海报的顶部图片api接口，请注意，该接口需要直接返回图片地址，不能有跨域问题，设置之前，可以先使用ajax看是否存在跨域
-        postImgApi: 'https://picture.cco.vin/pic/rmimg?type=bing'
+        postImgApi: 'https://picture.cco.vin/pic/rmimg?type=bing',
+
+        /*
+        * 以下为v1.5.4新增功能
+        * */
+
+        //文章h2标签的icon
+        articleH2Icon: '🌸',
+
+        //文章h3标签的icon
+        articleH3Icon: '🐳',
+
+        //文章h4标签及h4标签之后的标签的icon
+        articleH4Icon: '⛄',
+
 
         /*
         * 下面这些是在v1.3.2中移除的配置，但是在V1.3.2之前的版本中，可能还可以使用，某些配置我不确定具体在哪个

docs/.vuepress/theme/lib/client/components/Page.vue

@@ -257,15 +257,27 @@ export default defineComponent({
       let medium_zoom_content_h3Tag = document.querySelectorAll(".medium-zoom-content h3 a");
       let medium_zoom_content_h4Tag = document.querySelectorAll(".medium-zoom-content h4 a,.medium-zoom-content h5 a,.medium-zoom-content h6 a");
       for (let i = 0; i < medium_zoom_content_h2Tag.length; i++) {
-        medium_zoom_content_h2Tag[i].innerText = "🌸"
+        if (this.themeProperty.articleH2Icon !== undefined) {
+          medium_zoom_content_h2Tag[i].innerText = this.themeProperty.articleH2Icon
+        }else {
+          medium_zoom_content_h2Tag[i].innerText = "🌸"
+        }
       }
 
       for (let i = 0; i < medium_zoom_content_h3Tag.length; i++) {
-        medium_zoom_content_h3Tag[i].innerText = "🐳"
+        if (this.themeProperty.articleH3Icon !== undefined) {
+          medium_zoom_content_h3Tag[i].innerText = this.themeProperty.articleH3Icon
+        }else {
+          medium_zoom_content_h3Tag[i].innerText = "🐳"
+        }
       }
 
       for (let i = 0; i < medium_zoom_content_h4Tag.length; i++) {
-        medium_zoom_content_h4Tag[i].innerText = "⛄"
+        if (this.themeProperty.articleH4Icon !== undefined) {
+          medium_zoom_content_h4Tag[i].innerText = this.themeProperty.articleH4Icon
+        }else {
+          medium_zoom_content_h4Tag[i].innerText = "⛄"
+        }
       }
     })
   }

docs/.vuepress/theme/lib/client/components/child/Catalog.vue

@@ -23,7 +23,8 @@
                :class="{catalogChildrenActive: catalogChildrenActive === itemLevel2Index }"
                class="catalog-page-children-item">
             <div class="catalog-page-children-title">
-              <router-link :to="itemLevel1.path + '#' + itemLevel2.title">
+              <!--<router-link :to="itemLevel1.path + '#' + itemLevel2.title">-->
+              <router-link :to="getCatalogPath(itemLevel1.path,itemLevel2.title)">
                 <span @click="clickCatalogTitle" :slug="itemLevel2.slug">{{itemLevel2.title}}</span>
               </router-link>
             </div>
@@ -86,6 +87,16 @@ export default {
     }
   },
   computed: {
+    getCatalogPath() {
+      return (path,title) => {
+        let pathSubstr = path.substr(path.length -1,1);
+        if (pathSubstr === "/") {
+          path = path.substr(0,path.length -1)
+        }
+
+        return path + "#" + title
+      }
+    },
     getCatalogLevel1Title() {
       return (itemLevel1) => {
         let title = itemLevel1.title