@sugarat/theme 0.2.10 → 0.2.12

package/node.js

@@ -202,6 +202,7 @@ var tabsPlugin = (md) => {
 
 // src/utils/node/index.ts
 var import_node_child_process = require("child_process");
+var import_node_path = __toESM(require("path"));
 
 // src/utils/client/index.ts
 function formatDate(d, fmt = "yyyy-MM-dd hh:mm:ss") {
@@ -287,6 +288,27 @@ function aliasObjectToArray(obj) {
     replacement
   }));
 }
+function joinPath(base, path4) {
+  return `${base}${path4}`.replace(/\/+/g, "/");
+}
+function isBase64ImageURL(url) {
+  const regex = /^data:image\/[a-z]+;base64,/;
+  return regex.test(url);
+}
+function getFirstImagURLFromMD(content, route) {
+  const url = content.match(/!\[.*\]\((.*)\)/)?.[1]?.replace(/['"]/g, "");
+  const isHTTPSource = url && url.startsWith("http");
+  if (!url) {
+    return "";
+  }
+  if (isHTTPSource || isBase64ImageURL(url)) {
+    return url;
+  }
+  const paths = joinPath("/", route).split("/");
+  paths.splice(paths.length - 1, 1);
+  const relativePath = url.startsWith("/") ? url : import_node_path.default.join(paths.join("/") || "", url);
+  return joinPath("/", relativePath);
+}
 
 // src/utils/node/mdPlugins.ts
 function getMarkdownPlugins(cfg) {
@@ -338,7 +360,7 @@ function patchOptimizeDeps(config) {
 
 // src/utils/node/theme.ts
 var import_node_fs = __toESM(require("fs"));
-var import_node_path = __toESM(require("path"));
+var import_node_path2 = __toESM(require("path"));
 var import_node_process = __toESM(require("process"));
 var import_fast_glob = __toESM(require("fast-glob"));
 var import_gray_matter = __toESM(require("gray-matter"));
@@ -361,14 +383,14 @@ function getArticles(cfg) {
     if (route.startsWith("./")) {
       route = route.replace(
         new RegExp(
-          `^\\.\\/${import_node_path.default.join(srcDir, "/").replace(new RegExp(`\\${import_node_path.default.sep}`, "g"), "/")}`
+          `^\\.\\/${import_node_path2.default.join(srcDir, "/").replace(new RegExp(`\\${import_node_path2.default.sep}`, "g"), "/")}`
         ),
         ""
       );
     } else {
       route = route.replace(
         new RegExp(
-          `^${import_node_path.default.join(srcDir, "/").replace(new RegExp(`\\${import_node_path.default.sep}`, "g"), "/")}`
+          `^${import_node_path2.default.join(srcDir, "/").replace(new RegExp(`\\${import_node_path2.default.sep}`, "g"), "/")}`
         ),
         ""
       );
@@ -399,7 +421,7 @@ function getArticles(cfg) {
     ]);
     const wordCount = 100;
     meta.description = meta.description || getTextSummary(fileContent, wordCount);
-    meta.cover = meta.cover ?? (fileContent.match(/[!]\[.*?\]\((https:\/\/.+)\)/)?.[1] || "");
+    meta.cover = meta.cover ?? getFirstImagURLFromMD(fileContent, `/${route}`);
     if (meta.publish === false) {
       meta.hidden = true;
       meta.recommend = false;
@@ -417,7 +439,7 @@ function patchVPThemeConfig(cfg, vpThemeConfig = {}) {
 }
 
 // src/utils/node/vitePlugins.ts
-var import_node_path2 = __toESM(require("path"));
+var import_node_path3 = __toESM(require("path"));
 var import_node_child_process2 = require("child_process");
 var import_node_process2 = __toESM(require("process"));
 var import_vitepress_plugin_pagefind = require("vitepress-plugin-pagefind");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "sugar",
   "license": "MIT",

package/src/components/BlogFriendLink.vue

@@ -109,7 +109,7 @@ const scrollTop = computed(() => {
         }
         "
       >
-        <li v-for="v in friendList" :key="v.nickname">
+        <li v-for="(v, idx) in friendList" :key="idx">
           <a :href="v.url" target="_blank">
             <ElAvatar :size="50" :src="v.avatar" :alt="v.alt" />
             <div>

package/src/components/BlogHomeInfo.vue

@@ -14,7 +14,9 @@ import BlogFriendLink from './BlogFriendLink.vue'
     <BlogHotArticle />
 
     <!-- 友链 -->
-    <BlogFriendLink />
+    <ClientOnly>
+      <BlogFriendLink />
+    </ClientOnly>
 
     <!-- 标签 -->
     <BlogHomeTags />

package/src/components/BlogItem.vue

@@ -64,7 +64,7 @@ const showTime = computed(() => {
       <div
         v-if="cover"
         class="cover-img"
-        :style="`background-image: url(${cover});`"
+        :style="`background-image: url(${withBase(`${cover}`)});`"
       />
     </div>
     <!-- 底部补充描述 -->

package/src/utils/node/index.ts

@@ -1,6 +1,7 @@
 /* eslint-disable global-require */
 /* eslint-disable prefer-rest-params */
 import { spawn, spawnSync } from 'node:child_process'
+import path from 'node:path'
 import { formatDate } from '../client'
 
 export function clearMatterContent(content: string) {
@@ -118,3 +119,33 @@ export function withBase(base: string, path: string) {
     ? path
     : joinPath(base, path)
 }
+
+function isBase64ImageURL(url: string) {
+  // Base64 图片链接的格式为 data:image/[image format];base64,[Base64 编码的数据]
+  const regex = /^data:image\/[a-z]+;base64,/
+  return regex.test(url)
+}
+
+/**
+ * 从文档内容中提取封面
+ * @param content 文档内容
+ */
+export function getFirstImagURLFromMD(content: string, route: string) {
+  const url = content.match(/!\[.*\]\((.*)\)/)?.[1]?.replace(/['"]/g, '')
+  const isHTTPSource = url && url.startsWith('http')
+  if (!url) {
+    return ''
+  }
+
+  if (isHTTPSource || isBase64ImageURL(url)) {
+    return url
+  }
+
+  // TODO: 其它协议，待补充
+
+  const paths = joinPath('/', route).split('/')
+  paths.splice(paths.length - 1, 1)
+  const relativePath = url.startsWith('/') ? url : path.join(paths.join('/') || '', url)
+
+  return joinPath('/', relativePath)
+}

package/src/utils/node/theme.ts

@@ -6,7 +6,7 @@ import glob from 'fast-glob'
 import matter from 'gray-matter'
 import type { Theme } from '../../composables/config/index'
 import { formatDate } from '../client'
-import { getDefaultTitle, getFileBirthTime, getTextSummary } from './index'
+import { getDefaultTitle, getFileBirthTime, getFirstImagURLFromMD, getTextSummary } from './index'
 
 export function patchDefaultThemeSideBar(cfg?: Partial<Theme.BlogConfig>) {
   return cfg?.blog !== false && cfg?.recommend !== false
@@ -105,7 +105,7 @@ export function getArticles(cfg?: Partial<Theme.BlogConfig>) {
       // 获取封面图
       meta.cover
         = meta.cover
-        ?? (fileContent.match(/[!]\[.*?\]\((https:\/\/.+)\)/)?.[1] || '')
+        ?? (getFirstImagURLFromMD(fileContent, `/${route}`))
 
       // 是否发布 默认发布
       if (meta.publish === false) {