feat: enhance excerpt

Author: zyao89

Diff for: theme/components/PostInfo.vue

@@ -14,12 +14,15 @@
                 <span>{{ post.frontmatter.summary || '' }}</span>
             </template>
             <!-- $page.excerpt -->
+            <template v-else-if="post.excerptTempFilePath">
+                <div :class="$style.abstract" class="theme-default-content abstract">
+                    <span v-html="require(excerptTempFilePath)"></span>
+                </div>
+            </template>
             <template v-else-if="post.excerpt">
-                <div
-                    :class="$style.abstract"
-                    class="theme-default-content abstract"
-                    v-html="post.excerpt"
-                ></div>
+                <div :class="$style.abstract" class="theme-default-content abstract">
+                    <span v-html="post.excerpt"></span>
+                </div>
             </template>
             <!-- <Content :post-key="post.key" slot-key="summary" /> -->
         </article>

Diff for: theme/components/TitleLine.vue

@@ -14,7 +14,7 @@ export default {
 .root {
     position: relative;
     overflow: hidden;
-    height: 1px;
+    height: 2px;
     width: 24rem;
     box-sizing: border-box;
     margin: auto;
@@ -30,7 +30,7 @@ export default {
     border: 0;
     background: linear-gradient(90deg, rgba(24, 144, 255, 0) 0, $accentColor);
     transform: translateX(-100%);
-    animation: pageLine 3s ease-in-out 1.5s infinite;
+    animation: pageLine 3s ease-in-out 0.5s infinite;
 }
 
 @keyframes pageLine {

Diff for: theme/plugins/blog/index.js

@@ -41,7 +41,7 @@ module.exports = (optins = {}, ctx) => {
         ],
 
         // Blog https://github.com/meteorlxy/vuepress-theme-meteorlxy/blob/master/lib/plugins/blog/index.js
-        extendPageData($page) {
+        async extendPageData($page) {
             const frontmatter = $page.frontmatter;
             if (frontmatter && frontmatter.private === true) {
                 // TODO 私有内容
@@ -50,9 +50,11 @@ module.exports = (optins = {}, ctx) => {
                 // console.warn($page);
                 // }
             }
-            // if ($page.excerpt) { // 处理图片
-            //     console.warn($page.excerpt);
-            // }
+            if ($page.excerpt) { // excerpt 处理（图片等）
+                const { parseFrontmatter } = require('@vuepress/shared-utils');
+                const { excerpt } = parseFrontmatter($page._content);
+                $page.excerptTempFilePath = await $page._context.writeTemp(`temp-excerpts/${$page.key}.md`, excerpt);
+            }
             return extendPageData($page, ctx);
         },
     };

Diff for: theme/plugins/markdown/mdReplaceLink.js

@@ -0,0 +1,37 @@
+// https://github.com/martinheidegger/markdown-it-replace-link/blob/master/index.js
+
+// 暂时用不到
+module.exports = function(options) {
+    const replace = options.replaceLink;
+    return md => {
+        md.core.ruler.after(
+            'inline',
+            'replace-link',
+            function(state) {
+                if (typeof replace === 'function') {
+                    state.tokens.forEach(function(blockToken) {
+                        if (blockToken.type === 'inline' && blockToken.children) {
+                            blockToken.children.forEach(function(token) {
+                                const type = token.type;
+                                if (type === 'link_open') {
+                                    replaceAttr(token, 'href', replace, state.env);
+                                } else if (type === 'image') {
+                                    replaceAttr(token, 'src', replace, state.env);
+                                }
+                            });
+                        }
+                    });
+                }
+                return false;
+            }
+        );
+    };
+};
+
+function replaceAttr(token, attrName, replace, env) {
+    token.attrs.forEach(function(attr) {
+        if (attr[0] === attrName) {
+            attr[1] = replace(attr[1], env, token);
+        }
+    });
+}