@sugarat/theme 0.4.10 → 0.4.12

package/node.d.ts

@@ -175,6 +175,16 @@ declare namespace Theme {
          * @default 'sidebar'
          */
         style?: 'card' | 'sidebar';
+        /**
+         * 是否在左侧显示日期
+         * @default true
+         */
+        showDate?: boolean;
+        /**
+         * 是否在左侧展示序号
+         * @default true
+         */
+        showNum?: boolean;
     }
     interface HomeAnalysis {
         articles?: {
@@ -516,7 +526,7 @@ declare namespace Theme {
          * 周前
          */
         weeksAgo?: string;
-    } | ((date: Date) => string);
+    } | ((date: Date | string) => string);
     interface BackToTop {
         /**
          * 距离顶部多少距离出现

package/node.js

@@ -40,7 +40,7 @@ module.exports = __toCommonJS(node_exports);
 // src/utils/node/mdPlugins.ts
 var import_module = require("module");
 
-// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.3.2_@algolia+client-search@4.19.1_@types+node@20.6.3__i342z2vy4vtzoo4ecdc3cz7rya/node_modules/vitepress-plugin-tabs/dist/index.js
+// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.3.4_@algolia+client-search@4.19.1_@types+node@20.6.3__ovjzvjgjmyeesvgttjdmi2b3dm/node_modules/vitepress-plugin-tabs/dist/index.js
 var tabsMarker = "=tabs";
 var tabsMarkerLen = tabsMarker.length;
 var ruleBlockTabs = (state, startLine, endLine, silent) => {
@@ -398,7 +398,8 @@ async function getArticleMeta(filepath, route, timeZone = defaultTimeZoneOffset)
   if (!meta.title) {
     meta.title = (0, import_theme_shared2.getDefaultTitle)(content);
   }
-  const date = await (meta.date && /* @__PURE__ */ new Date(`${new Date(meta.date).toUTCString()}+${timeZone}`) || (0, import_theme_shared2.getFileLastModifyTime)(filepath));
+  const utcValue = timeZone >= 0 ? `+${timeZone}` : `${timeZone}`;
+  const date = await (meta.date && /* @__PURE__ */ new Date(`${new Date(meta.date).toUTCString()}${utcValue}`) || (0, import_theme_shared2.getFileLastModifyTime)(filepath));
   meta.date = formatDate(date || /* @__PURE__ */ new Date());
   meta.categories = typeof meta.categories === "string" ? [meta.categories] : meta.categories;
   meta.tags = typeof meta.tags === "string" ? [meta.tags] : meta.tags;
@@ -444,8 +445,8 @@ function patchVPConfig(vpConfig, cfg) {
   if (cfg?.comment && "type" in cfg.comment && cfg?.comment?.type === "artalk") {
     const server = cfg.comment?.options?.server;
     if (server) {
-      vpConfig.head.push(["link", { href: `${server}/dist/Artalk.css`, rel: "stylesheet" }]);
-      vpConfig.head.push(["script", { src: `${server}/dist/Artalk.js`, id: "artalk-script" }]);
+      vpConfig.head.push(["link", { href: `${server} /dist/Artalk.css`, rel: "stylesheet" }]);
+      vpConfig.head.push(["script", { src: `${server} /dist/Artalk.js`, id: "artalk-script" }]);
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.4.10",
+  "version": "0.4.12",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "sugar",
   "license": "MIT",
@@ -62,8 +62,9 @@
     "sass": "^1.77.8",
     "typescript": "^5.4.5",
     "vite": "^5.2.11",
-    "vitepress": "1.3.2",
-    "vue": "^3.4.26"
+    "vitepress": "1.3.4",
+    "vue": "^3.4.26",
+    "vitepress-plugin-51la": "0.1.0"
   },
   "scripts": {
     "dev": "npm run build:node && npm run dev:docs",

package/src/components/BlogItem.vue

@@ -82,7 +82,7 @@ const resultCover = computed(() => {
       <div class="info-part">
         <!-- 标题 -->
         <p class="title pc-visible">
-          {{ title }}
+          <span>{{ title }}</span>
         </p>
         <!-- 简短描述 -->
         <p v-show="!descriptionHTML && !!description" class="description">

package/src/components/BlogRecommendArticle.vue

@@ -21,6 +21,10 @@ const recommendPadding = computed(() =>
 const recommend = computed(() =>
   _recommend === false ? undefined : _recommend
 )
+
+const showDate = computed(() => (_recommend && _recommend?.showDate) ?? true)
+const showNum = computed(() => (_recommend && _recommend?.showNum) ?? true)
+
 const title = computed(() => recommend.value?.title ?? (`<span class="svg-icon">${recommendSVG}</span>` + '相关文章'))
 const pageSize = computed(() => recommend.value?.pageSize || 9)
 const nextText = computed(() => recommend.value?.nextText || '换一组')
@@ -169,10 +173,16 @@ function handleLinkClick(link: string) {
       </ElButton>
     </div>
     <!-- 文章列表 -->
-    <ol v-if="currentWikiData.length" class="recommend-container">
-      <li v-for="(v, idx) in currentWikiData" :key="v.route">
+    <ol
+      v-if="currentWikiData.length" :class="{
+        'hide-num': !showNum,
+      }" class="recommend-container"
+    >
+      <li
+        v-for="(v, idx) in currentWikiData" :key="v.route"
+      >
         <!-- 序号 -->
-        <i class="num">{{ startIdx + idx + 1 }}</i>
+        <i v-if="showNum" class="num">{{ startIdx + idx + 1 }}</i>
         <!-- 简介 -->
         <div class="des">
           <!-- title -->
@@ -189,7 +199,7 @@ function handleLinkClick(link: string) {
             <span>{{ v.meta.title }}</span>
           </a>
           <!-- 描述信息 -->
-          <div class="suffix">
+          <div v-if="showDate" class="suffix">
             <!-- 日期 -->
             <span class="tag">{{ formatShowDate(v.meta.date) }}</span>
           </div>
@@ -234,6 +244,9 @@ function handleLinkClick(link: string) {
   padding: 0 10px 0 0px;
   width: 100%;
 
+  &.hide-num>li{
+    padding: 5px 0;
+  }
   li {
     display: flex;
 
@@ -253,6 +266,9 @@ function handleLinkClick(link: string) {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
     }
 
     .title {
@@ -263,21 +279,21 @@ function handleLinkClick(link: string) {
       font-weight: 500;
       position: relative;
       cursor: pointer;
-
-      &.current {
+      transition: color .25s;
+      &.current,&:hover {
         color: var(--vp-c-brand-1);
       }
     }
 
-    .title:hover::after {
-      content: "";
-      position: absolute;
-      left: 0;
-      right: 0;
-      height: 0;
-      bottom: -3px;
-      border-bottom: 1px solid #b1b3b8;
-    }
+    // .title:hover::after {
+    //   content: "";
+    //   position: absolute;
+    //   left: 0;
+    //   right: 0;
+    //   height: 0;
+    //   bottom: -3px;
+    //   border-bottom: 1px solid #b1b3b8;
+    // }
 
     .suffix {
       font-size: 12px;

package/src/composables/config/index.ts

@@ -184,6 +184,16 @@ export namespace Theme {
      * @default 'sidebar'
      */
     style?: 'card' | 'sidebar'
+    /**
+     * 是否在左侧显示日期
+     * @default true
+     */
+    showDate?: boolean
+    /**
+     * 是否在左侧展示序号
+     * @default true
+     */
+    showNum?: boolean
   }
 
   export interface HomeAnalysis {
@@ -552,7 +562,7 @@ export namespace Theme {
      * 周前
      */
     weeksAgo?: string
-  } | ((date: Date) => string)
+  } | ((date: Date | string) => string)
   export interface BackToTop {
     /**
      * 距离顶部多少距离出现

package/src/utils/node/theme.ts

@@ -43,17 +43,18 @@ export async function getArticleMeta(filepath: string, route: string, timeZone =
   if (!meta.title) {
     meta.title = getDefaultTitle(content)
   }
+  const utcValue = timeZone >= 0 ? `+${timeZone}` : `${timeZone}`
   const date = await (
     (meta.date
-       && new Date(`${new Date(meta.date).toUTCString()}+${timeZone}`))
-     || getFileLastModifyTime(filepath)
+      && new Date(`${new Date(meta.date).toUTCString()}${utcValue}`))
+    || getFileLastModifyTime(filepath)
   )
   // 无法获取时兜底当前时间
   meta.date = formatDate(date || new Date())
 
   // 处理tags和categories,兼容历史文章
   meta.categories
-        = typeof meta.categories === 'string'
+    = typeof meta.categories === 'string'
       ? [meta.categories]
       : meta.categories
   meta.tags = typeof meta.tags === 'string' ? [meta.tags] : meta.tags
@@ -66,12 +67,12 @@ export async function getArticleMeta(filepath: string, route: string, timeZone =
   // 获取摘要信息
   // TODO：摘要生成优化
   meta.description
-        = meta.description || getTextSummary(content, 100) || excerpt
+    = meta.description || getTextSummary(content, 100) || excerpt
 
   // 获取封面图
   meta.cover
-        = meta.cover
-        ?? (getFirstImagURLFromMD(fileContent, route))
+    = meta.cover
+    ?? (getFirstImagURLFromMD(fileContent, route))
 
   // 是否发布 默认发布
   if (meta.publish === false) {
@@ -82,9 +83,9 @@ export async function getArticleMeta(filepath: string, route: string, timeZone =
 }
 export async function getArticles(cfg: Partial<Theme.BlogConfig>, vpConfig: SiteConfig) {
   const srcDir
-  = cfg?.srcDir || vpConfig.srcDir.replace(vpConfig.root, '').replace(/^\//, '')
-  || process.argv.slice(2)?.[1]
-  || '.'
+    = cfg?.srcDir || vpConfig.srcDir.replace(vpConfig.root, '').replace(/^\//, '')
+    || process.argv.slice(2)?.[1]
+    || '.'
   const files = glob.sync(`${srcDir}/**/*.md`, { ignore: ['node_modules'], absolute: true })
 
   const metaResults = files.reduce((prev, curr) => {
@@ -124,8 +125,8 @@ export function patchVPConfig(vpConfig: any, cfg?: Partial<Theme.BlogConfig>) {
   if (cfg?.comment && 'type' in cfg.comment && cfg?.comment?.type === 'artalk') {
     const server = cfg.comment?.options?.server
     if (server) {
-      vpConfig.head.push(['link', { href: `${server}/dist/Artalk.css`, rel: 'stylesheet' }])
-      vpConfig.head.push(['script', { src: `${server}/dist/Artalk.js`, id: 'artalk-script' }])
+      vpConfig.head.push(['link', { href: `${server} /dist/Artalk.css`, rel: 'stylesheet' }])
+      vpConfig.head.push(['script', { src: `${server} /dist/Artalk.js`, id: 'artalk-script' }])
     }
   }
 }