fix: 静态渲染时顺序也要变

layout/includes/page/flink.pug

@@ -1,7 +1,5 @@
 #article-container
   .flink
-    - let pageContent = page.content
-    if page.flink_url
     script.
       (()=>{
         const replaceSymbol = (str) => {
@@ -9,9 +7,7 @@
         }
 
         let result = ""
-          fetch("!{url_for(page.flink_url)}")
-            .then(response => response.json())
-            .then(str => {
+        function add(str) {
           for(let i = 0; i < str.length; i++){
             const replaceClassName = replaceSymbol(str[i].class_name)
             const className = str[i].class_name ? `<h2 id="${replaceClassName}"><a href="#${replaceClassName}" class="headerlink" title="${str[i].class_name}"></a>${str[i].class_name}</h2>` : ""
@@ -40,34 +36,15 @@
 
           document.querySelector(".flink").insertAdjacentHTML("afterbegin", result)
           window.lazyLoadInstance && window.lazyLoadInstance.update()
-            })
-        })()
-
-    else
-      if site.data.link
-        - let result = ""
-        each i in site.data.link
-          - let className = i.class_name ? markdown(`## ${i.class_name}`) : ""
-          - let classDesc = i.class_desc ? `<div class="flink-desc">${i.class_desc}</div>` : ""
-
-          - let listResult = ""
-          - let list = page.random ? i.link_list.slice().sort(() => Math.random() - 0.5) : i.link_list
-          each j in list
-            - 
-              listResult += `
-                <div class="flink-list-item">
-                  <a href="${j.link}" title="${j.name}" target="_blank">
-                    <div class="flink-item-icon">
-                      <img class="no-lightbox" src="${j.avatar}" onerror='this.onerror=null;this.src="${url_for(theme.error_img.flink)}"' alt="${j.name}" />
-                    </div>
-                    <div class="flink-item-name">${j.name}</div> 
-                    <div class="flink-item-desc" title="${j.descr}">${j.descr}</div>
-                  </a>
-                </div>`
-            -
-
-          - result += `${className}${classDesc} <div class="flink-list">${listResult}</div>`
-
-        - pageContent = result + pageContent
-    != pageContent
+        }
 
+        const linkData = !{JSON.stringify(site.data.link)}
+        if ("!{page.flink_url}") {
+          fetch("!{url_for(page.flink_url)}")
+            .then(response => response.json())
+            .then(add)
+        } else if (linkData) {
+          add(linkData)
+        }
+      })()
+    != page.content