diff --git a/templates/assets/js/custom.js b/templates/assets/js/custom.js
index 84956cbf..53cb9972 100644
--- a/templates/assets/js/custom.js
+++ b/templates/assets/js/custom.js
@@ -428,6 +428,96 @@ document.addEventListener("DOMContentLoaded", () => {
         }
     );
 
+
+    // flink 友链标签
+    customElements.define(
+        "hao-flink",
+        class HaoGalleryGroup extends HTMLElement {
+            constructor() {
+                super();
+                this.options = {
+                    name: this.getAttribute("name"),
+                    desc: this.getAttribute("desc"),
+                    style: this.getAttribute("style"),
+                };
+                const _temp = getChildren(this, "_tpl");
+                let _innerHTML = _temp.innerHTML.trim().replace(/^(<br>)|(<br>)$/g, "");
+                let style = this.options.style;
+                let content = "";
+                let contents = "";
+                let class_desc = "";
+                _innerHTML.replace(
+                    /{([^}]*)}/g,
+                    function ($0, $1) {
+                        var flink = $1.split(",",5);
+                        if(style=='beautify'){
+                            contents +=`
+                                <div class="site-card">
+                                    <a class="img" target="_blank" href="${flink[1]}" title="${flink[0]}">
+                                        <img class="flink-avatar entered loaded" style="pointer-events: none;" alt="${flink[0]}" ${GLOBAL_CONFIG.source.img.src}="${flink[4] || flink[2]}" >
+                                    </a>
+
+                                    <a class="info cf-friends-link" target="_blank" href="${flink[1]}" title="${flink[0]}">
+                                        <div class="site-card-avatar no-lightbox">
+                                            <img class="flink-avatar cf-friends-avatar" alt="${flink[0]}" ${GLOBAL_CONFIG.source.img.src}="${flink[2]}">
+                                        </div>
+                                        <div class="site-card-text">
+                                            <span class="title cf-friends-name">${flink[0]}</span>
+                                            <span class="desc" title="${flink[3]}">${flink[3]}</span>
+                                        </div>
+                                    </a>
+                                </div>
+                            `
+                        }
+                        if(style=='default'){
+                            contents +=`
+                                <div class="flink-list-item">
+                                    <a class="cf-friends-link" rel="external nofollow" target="_blank" href="${flink[1]}" title="${flink[0]}">
+                                        <img class="flink-avatar cf-friends-avatar" alt="${flink[0]}" ${GLOBAL_CONFIG.source.img.src}="${flink[2]}">
+                                        <div class="flink-item-info no-lightbox">
+                                            <span class="flink-item-name cf-friends-name">${flink[0]}</span>
+                                            <span class="flink-item-desc" title="${flink[3]}">${flink[3]}</span>
+                                            <img ${GLOBAL_CONFIG.source.img.src}="${flink[2]}">
+                                        </div>
+                                    </a>
+                                </div>
+                            `
+                        }
+                    }
+
+                );
+                if(this.options.desc!=null && this.options.desc!=''){
+                    class_desc =`
+                     <div class="flink-desc">${this.options.desc}</div>
+                    `
+                }
+                if(this.options.style=='beautify'){
+                    content =`
+                        <div class="site-card-group">
+                          ${contents}
+                        </div>
+                    `
+                }
+                if(this.options.style=='default'){
+                    content =`
+                        <div class="flink-list">
+                           ${contents}
+                        </div>
+                    `
+                }
+                let htmlStr = `
+                    <div class="flink" id="article-container">
+                       <div class="flink-name">${this.options.name}</div>
+					   ${class_desc}
+                       ${content}
+					</div>
+				`;
+                this.innerHTML = htmlStr;
+            }
+        }
+    );
+
+
     customElements.define(
         "hao-dplayer",
         class HaoDplayer extends HTMLElement {
diff --git a/templates/assets/js/main.js b/templates/assets/js/main.js
index 39aed8b7..fd42b62e 100644
--- a/templates/assets/js/main.js
+++ b/templates/assets/js/main.js
@@ -147,6 +147,29 @@ document.addEventListener('DOMContentLoaded', function () {
         }
     }
 
+    /**
+     *  toc
+     */
+    const tocFn = function () {
+        const postContent = document.querySelector('.post-content');
+
+        if (postContent == null) return;
+
+        const headers = postContent.querySelectorAll('h1,h2,h3,h4,h5,h6');
+        // 没有 toc 目录，则直接移除
+        if (headers.length === 0) {
+            document.getElementById("card-toc").remove();
+        } else {
+            tocbot.init({
+                tocSelector: '.toc-content',
+                contentSelector: '.post-content',
+                headingSelector: 'h1,h2,h3,h4,h5,h6',
+                hasInnerContainers: true
+            });
+
+        }
+    }
+
     /**
      * 滾動處理
      */
@@ -446,6 +469,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
         if (GLOBAL_CONFIG.isPost) {
             addRuntime();
+            tocFn();
         } else {
             addLastPushDate()
             toggleCardCategory()
diff --git a/templates/assets/zhheo/blogex.js b/templates/assets/zhheo/blogex.js
index f61e78c8..b23d7675 100644
--- a/templates/assets/zhheo/blogex.js
+++ b/templates/assets/zhheo/blogex.js
@@ -452,13 +452,6 @@ function removeLoading() {
     }, 3000)
 }
 
-//移除pwa
-navigator.serviceWorker.getRegistrations().then(function (registrations) {
-    for (let registration of registrations) {
-        registration.unregister()
-    }
-})
-
 function addFriendLink() {
     var input = document.getElementsByClassName('el-textarea__inner')[0];
     let evt = document.createEvent('HTMLEvents');
@@ -672,7 +665,6 @@ function initBlog() {
         //隐藏加载动画
     GLOBAL_CONFIG.loadingBox &&  heo.hideLoading(),
         checkUrlAndAddHideBanner()
-
 }
 
 // 如果当前页有评论就执行函数
diff --git a/templates/assets/zhheo/custom.css b/templates/assets/zhheo/custom.css
index 81c69319..1a8760eb 100644
--- a/templates/assets/zhheo/custom.css
+++ b/templates/assets/zhheo/custom.css
@@ -2102,4 +2102,13 @@ p.p.purple,span.p.purple {
 
 p.p.gray,span.p.gray {
     color: #999
+}
+
+.flink-name {
+    margin-bottom: 5px;
+    font-weight: 700;
+    font-size: 1.5em
+}
+.flink-desc {
+    margin: .2rem 0 .5rem
 }
\ No newline at end of file
diff --git a/templates/modules/common/toc-bot.html b/templates/modules/common/toc-bot.html
index d961bd06..6e925230 100644
--- a/templates/modules/common/toc-bot.html
+++ b/templates/modules/common/toc-bot.html
@@ -4,51 +4,5 @@
 <th:block th:fragment="toc-bot">
     <script th:src="${assets_link + '/libs/tocbot/4.18.2/tocbot.min.js'}"></script>
     <link th:href="${assets_link + '/libs/tocbot/4.18.2/tocbot.css'}" rel="stylesheet">
-
-    <script>
-        document.addEventListener("DOMContentLoaded",  function() {
-
-            const postContent = document.querySelector('.post-content');
-
-            if (postContent == null) return;
-
-            const headers = postContent.querySelectorAll('h1,h2,h3,h4,h5,h6');
-            // 没有 toc 目录，则直接移除
-            if (headers.length === 0) {
-                document.getElementById("card-toc").remove();
-            } else {
-                tocbot.init({
-                    tocSelector: '.toc-content',
-                    contentSelector: '.post-content',
-                    headingSelector: 'h1,h2,h3,h4,h5,h6',
-                    hasInnerContainers: true
-                });
-
-            }
-        })
-        document.addEventListener('pjax:complete', function () {
-
-            const postContent = document.querySelector('.post-content');
-
-            if (postContent == null) return;
-
-            const headers = postContent.querySelectorAll('h1,h2,h3,h4,h5,h6');
-            // 没有 toc 目录，则直接移除
-            if (headers.length === 0) {
-                document.getElementById("card-toc").remove();
-            } else {
-                tocbot.init({
-                    tocSelector: '.toc-content',
-                    contentSelector: '.post-content',
-                    headingSelector: 'h1,h2,h3,h4,h5,h6',
-                    hasInnerContainers: true
-                });
-
-            }
-        })
-    </script>
 </th:block>
-
-
-
 </html>
\ No newline at end of file