@sugarat/theme 0.1.49 → 0.2.0

package/node.d.ts

@@ -119,6 +119,8 @@ declare namespace Theme {
         inspiring?: string | string[];
         inspiringTimeout?: number;
         pageSize?: number;
+        author?: string | boolean;
+        logo?: string | boolean;
     }
     interface ArticleConfig {
         readingTime?: boolean;
@@ -260,12 +262,16 @@ declare namespace Theme {
         /**
          * 设置解析 frontmatter 里 date 的时区
          * @default 8 => 'UTC+8'
-         * */
+         */
         timeZone?: number;
         /**
          * 启用RSS配置
          */
         RSS?: RSSOptions;
+        /**
+         * 首页页脚
+         */
+        footer?: Footer;
     }
     type RSSOptions = Omit<FeedOptions, 'id'> & {
         id?: string;
@@ -301,6 +307,40 @@ declare namespace Theme {
         limit?: number;
         ariaLabel?: string;
     };
+    interface Footer {
+        /**
+         * 自定义补充信息
+         */
+        message?: string;
+        /**
+         * 是否展示主题版本信息
+         */
+        version?: boolean;
+        /**
+         * copyright
+         */
+        copyright?: string | {
+            message: string;
+            link?: string;
+            icon?: boolean | string;
+        };
+        /**
+         * ICP 备案信息
+         */
+        icpRecord?: {
+            name: string;
+            link: string;
+            icon?: boolean | string;
+        };
+        /**
+         * 公安备案信息
+         */
+        securityRecord?: {
+            name: string;
+            link: string;
+            icon?: boolean | string;
+        };
+    }
     interface Config extends DefaultTheme.Config {
         blog?: BlogConfig;
     }

package/node.js

@@ -32,7 +32,7 @@ __export(node_exports, {
 });
 module.exports = __toCommonJS(node_exports);
 
-// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.0.0-rc.14_vue@3.3.4/node_modules/vitepress-plugin-tabs/dist/index.js
+// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.0.0-rc.17_vue@3.3.4/node_modules/vitepress-plugin-tabs/dist/index.js
 var tabsMarker = "=tabs";
 var tabsMarkerLen = tabsMarker.length;
 var ruleBlockTabs = (state, startLine, endLine, silent) => {
@@ -197,7 +197,7 @@ var tabsPlugin = (md) => {
 };
 
 // src/utils/node/index.ts
-var import_child_process = require("child_process");
+var import_node_child_process = require("child_process");
 
 // src/utils/client/index.ts
 function formatDate(d, fmt = "yyyy-MM-dd hh:mm:ss") {
@@ -211,7 +211,7 @@ function formatDate(d, fmt = "yyyy-MM-dd hh:mm:ss") {
     "m+": d.getMinutes(),
     "s+": d.getSeconds(),
     "q+": Math.floor((d.getMonth() + 3) / 3),
-    S: d.getMilliseconds()
+    "S": d.getMilliseconds()
   };
   if (/(y+)/.test(fmt)) {
     fmt = fmt.replace(
@@ -258,7 +258,7 @@ function getDefaultTitle(content) {
 function getFileBirthTime(url) {
   let date = new Date();
   try {
-    const infoStr = (0, import_child_process.spawnSync)("git", ["log", "-1", '--pretty="%ci"', url]).stdout?.toString().replace(/["']/g, "").trim();
+    const infoStr = (0, import_node_child_process.spawnSync)("git", ["log", "-1", '--pretty="%ci"', url]).stdout?.toString().replace(/["']/g, "").trim();
     if (infoStr) {
       date = new Date(infoStr);
     }
@@ -277,11 +277,11 @@ function aliasObjectToArray(obj) {
   }));
 }
 var EXTERNAL_URL_RE = /^[a-z]+:/i;
-function joinPath(base, path3) {
-  return `${base}${path3}`.replace(/\/+/g, "/");
+function joinPath(base, path4) {
+  return `${base}${path4}`.replace(/\/+/g, "/");
 }
-function withBase(base, path3) {
-  return EXTERNAL_URL_RE.test(path3) || path3.startsWith(".") ? path3 : joinPath(base, path3);
+function withBase(base, path4) {
+  return EXTERNAL_URL_RE.test(path4) || path4.startsWith(".") ? path4 : joinPath(base, path4);
 }
 
 // src/utils/node/mdPlugins.ts
@@ -327,7 +327,7 @@ function assignMermaid(config) {
     ...aliasObjectToArray({
       ...config.vite.resolve.alias,
       "cytoscape/dist/cytoscape.umd.js": "cytoscape/dist/cytoscape.esm.js",
-      mermaid: "mermaid/dist/mermaid.esm.mjs"
+      "mermaid": "mermaid/dist/mermaid.esm.mjs"
     }),
     { find: /^dayjs\/(.*).js/, replacement: "dayjs/esm/$1" }
   ];
@@ -360,10 +360,11 @@ function supportRunExtendsPlugin(config) {
 }
 
 // src/utils/node/theme.ts
+var import_node_fs = __toESM(require("fs"));
+var import_node_path = __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"));
-var import_fs = __toESM(require("fs"));
-var import_path = __toESM(require("path"));
 function patchDefaultThemeSideBar(cfg) {
   return cfg?.blog !== false && cfg?.recommend !== false ? {
     sidebar: [
@@ -376,27 +377,27 @@ function patchDefaultThemeSideBar(cfg) {
 }
 var pageMap = /* @__PURE__ */ new Map();
 function getArticles(cfg) {
-  const srcDir = cfg?.srcDir || process.argv.slice(2)?.[1] || ".";
+  const srcDir = cfg?.srcDir || import_node_process.default.argv.slice(2)?.[1] || ".";
   const files = import_fast_glob.default.sync(`${srcDir}/**/*.md`, { ignore: ["node_modules"] });
   const data = files.map((v) => {
     let route = v.replace(".md", "");
     if (route.startsWith("./")) {
       route = route.replace(
         new RegExp(
-          `^\\.\\/${import_path.default.join(srcDir, "/").replace(new RegExp(`\\${import_path.default.sep}`, "g"), "/")}`
+          `^\\.\\/${import_node_path.default.join(srcDir, "/").replace(new RegExp(`\\${import_node_path.default.sep}`, "g"), "/")}`
         ),
         ""
       );
     } else {
       route = route.replace(
         new RegExp(
-          `^${import_path.default.join(srcDir, "/").replace(new RegExp(`\\${import_path.default.sep}`, "g"), "/")}`
+          `^${import_node_path.default.join(srcDir, "/").replace(new RegExp(`\\${import_node_path.default.sep}`, "g"), "/")}`
         ),
         ""
       );
     }
     pageMap.set(`/${route}`, v);
-    const fileContent = import_fs.default.readFileSync(v, "utf-8");
+    const fileContent = import_node_fs.default.readFileSync(v, "utf-8");
     const { data: frontmatter, excerpt } = (0, import_gray_matter.default)(fileContent, {
       excerpt: true
     });
@@ -452,11 +453,14 @@ function patchVPThemeConfig(cfg, vpThemeConfig = {}) {
 }
 
 // src/utils/node/vitePlugins.ts
+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");
 
 // src/utils/node/genFeed.ts
-var import_path2 = __toESM(require("path"));
-var import_fs2 = __toESM(require("fs"));
+var import_node_path2 = __toESM(require("path"));
+var import_node_fs2 = __toESM(require("fs"));
 var import_feed = require("feed");
 async function genFeed(config) {
   const blogCfg = config.userConfig.themeConfig.blog;
@@ -499,7 +503,7 @@ async function genFeed(config) {
     let html;
     const filepath = pageMap.get(route);
     if (filepath) {
-      const fileContent = import_fs2.default.readFileSync(filepath, "utf-8");
+      const fileContent = import_node_fs2.default.readFileSync(filepath, "utf-8");
       html = mdRender.render(fileContent);
     }
     feed.addItem({
@@ -518,8 +522,8 @@ async function genFeed(config) {
     });
   }
   const RSSFilename = filename || "feed.rss";
-  const RSSFile = import_path2.default.join(config.outDir, RSSFilename);
-  (0, import_fs2.writeFileSync)(RSSFile, feed.rss2());
+  const RSSFile = import_node_path2.default.join(config.outDir, RSSFilename);
+  (0, import_node_fs2.writeFileSync)(RSSFile, feed.rss2());
   console.log("\u{1F389} RSS generated", RSSFilename);
   console.log("rss filepath:", RSSFile);
   console.log("rss url:", `${baseUrl}${config.site.base + RSSFilename}`);

package/package.json

@@ -1,8 +1,22 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.1.49",
+  "version": "0.2.0",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
-  "main": "src/index.ts",
+  "author": "sugar",
+  "license": "MIT",
+  "homepage": "https://theme.sugarat.top",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ATQQ/sugar-blog.git"
+  },
+  "bugs": {
+    "url": "https://github.com/ATQQ/sugar-blog/issues"
+  },
+  "keywords": [
+    "vitepress",
+    "theme",
+    "粥里有勺糖"
+  ],
   "exports": {
     "./node": {
       "types": "./node.d.ts",
@@ -11,27 +25,13 @@
     "./package.json": "./package.json",
     ".": "./src/index.ts"
   },
+  "main": "src/index.ts",
   "files": [
-    "src",
-    "types",
+    "node.d.ts",
     "node.js",
-    "node.d.ts"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ATQQ/sugar-blog.git"
-  },
-  "keywords": [
-    "vitepress",
-    "theme",
-    "粥里有勺糖"
+    "src",
+    "types"
   ],
-  "author": "sugar",
-  "license": "MIT",
-  "homepage": "https://theme.sugarat.top",
-  "bugs": {
-    "url": "https://github.com/ATQQ/sugar-blog/issues"
-  },
   "dependencies": {
     "@mdit-vue/shared": "^0.12.0",
     "@mermaid-js/mermaid-mindmap": "^9.3.0",
@@ -43,19 +43,19 @@
     "highlight.js": "^11.7.0",
     "mermaid": "^10.2.4",
     "vitepress-plugin-mermaid": "^2.0.13",
-    "vitepress-plugin-pagefind": "0.2.9",
+    "vitepress-plugin-pagefind": "0.2.10",
     "vue-command-palette": "^0.1.4"
   },
   "devDependencies": {
     "@element-plus/icons-vue": "^2.1.0",
     "element-plus": "^2.3.4",
+    "pagefind": "1.0.3",
     "sass": "^1.56.1",
     "tsup": " ^6.5.0",
     "typescript": "^4.8.2",
-    "vitepress": "1.0.0-rc.14",
+    "vitepress": "1.0.0-rc.17",
     "vitepress-plugin-tabs": "^0.2.0",
-    "vue": "^3.3.4",
-    "pagefind": "1.0.3"
+    "vue": "^3.3.4"
   },
   "scripts": {
     "dev": "npm run build:node && npm run dev:docs",

package/src/components/BlogAlert.vue

@@ -1,22 +1,6 @@
-<template>
-  <div class="global-alert" v-if="show" data-pagefind-ignore="all">
-    <el-alert
-      :title="alertProps?.title"
-      :type="alertProps?.type"
-      :show-icon="alertProps?.showIcon"
-      :center="alertProps?.center"
-      :closable="alertProps?.closable"
-      :close-text="alertProps?.closeText"
-      :description="alertProps?.description"
-    >
-      <div v-if="alertProps?.html" v-html="alertProps?.html"></div>
-    </el-alert>
-  </div>
-</template>
-
 <script lang="ts" setup>
 import { ElAlert } from 'element-plus'
-import { ref, onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useBlogConfig } from '../composables/config/blog'
 
 const { alert: alertProps } = useBlogConfig()
@@ -46,6 +30,22 @@ onMounted(() => {
 })
 </script>
 
+<template>
+  <div v-if="show" class="global-alert" data-pagefind-ignore="all">
+    <ElAlert
+      :title="alertProps?.title"
+      :type="alertProps?.type"
+      :show-icon="alertProps?.showIcon"
+      :center="alertProps?.center"
+      :closable="alertProps?.closable"
+      :close-text="alertProps?.closeText"
+      :description="alertProps?.description"
+    >
+      <div v-if="alertProps?.html" v-html="alertProps?.html" />
+    </ElAlert>
+  </div>
+</template>
+
 <style lang="scss" scoped>
 .global-alert {
   position: fixed;

package/src/components/BlogApp.vue

@@ -1,17 +1,23 @@
 <script setup lang="ts" name="BlogApp">
 import Theme from 'vitepress/theme'
+import { useData } from 'vitepress'
+import { computed } from 'vue'
+import { useBlogThemeMode } from '../composables/config/blog'
 import BlogHomeInfo from './BlogHomeInfo.vue'
 import BlogHomeBanner from './BlogHomeBanner.vue'
 import BlogList from './BlogList.vue'
 import BlogComment from './BlogComment.vue'
+
 // import BlogSearch from './BlogSearch.vue'
 import BlogSidebar from './BlogSidebar.vue'
 import BlogImagePreview from './BlogImagePreview.vue'
 import BlogArticleAnalyze from './BlogArticleAnalyze.vue'
 import BlogAlert from './BlogAlert.vue'
 import BlogPopover from './BlogPopover.vue'
-import { useBlogThemeMode } from '../composables/config/blog'
+import BlogFooter from './BlogFooter.vue'
 
+const { frontmatter } = useData()
+const layout = computed(() => frontmatter.value.layout)
 const isBlogTheme = useBlogThemeMode()
 const { Layout } = Theme
 </script>
@@ -19,6 +25,7 @@ const { Layout } = Theme
 <template>
   <Layout>
     <template #layout-top>
+      <slot name="layout-top" />
       <BlogAlert />
       <BlogPopover />
     </template>
@@ -39,7 +46,7 @@ const { Layout } = Theme
       <BlogSearch />
     </template> -->
     <!-- 自定义首页 -->
-    <template #home-hero-before v-if="isBlogTheme">
+    <template v-if="isBlogTheme" #home-hero-before>
       <slot name="home-hero-before" />
       <div class="home">
         <div class="header-banner">
@@ -49,11 +56,13 @@ const { Layout } = Theme
           <div class="blog-list-wrapper">
             <BlogList />
           </div>
-          <div class="blog-info-wrapper"><BlogHomeInfo /></div>
+          <div class="blog-info-wrapper">
+            <BlogHomeInfo />
+          </div>
         </div>
       </div>
     </template>
-    <template #sidebar-nav-after v-if="isBlogTheme">
+    <template v-if="isBlogTheme" #sidebar-nav-after>
       <slot name="sidebar-nav-after" />
       <BlogSidebar />
     </template>
@@ -62,60 +71,92 @@ const { Layout } = Theme
       <slot name="doc-after" />
       <BlogComment />
     </template>
-
+    <template #layout-bottom>
+      <BlogFooter v-if="layout === 'home'" />
+      <slot name="layout-bottom" />
+    </template>
     <!-- 透传默认主题的其它插槽 -->
     <!-- navbar -->
-    <template #nav-bar-title-before
-      ><slot name="nav-bar-title-before"
-    /></template>
-    <template #nav-bar-title-after
-      ><slot name="nav-bar-title-after"
-    /></template>
-    <template #nav-bar-content-after
-      ><slot name="nav-bar-content-after"
-    /></template>
-    <template #nav-screen-content-before
-      ><slot name="nav-screen-content-before"
-    /></template>
-    <template #nav-screen-content-after
-      ><slot name="nav-screen-content-after"
-    /></template>
+    <template #nav-bar-title-before>
+      <slot name="nav-bar-title-before" />
+    </template>
+    <template #nav-bar-title-after>
+      <slot name="nav-bar-title-after" />
+    </template>
+    <template #nav-bar-content-after>
+      <slot name="nav-bar-content-after" />
+    </template>
+    <template #nav-screen-content-before>
+      <slot name="nav-screen-content-before" />
+    </template>
+    <template #nav-screen-content-after>
+      <slot name="nav-screen-content-after" />
+    </template>
 
     <!-- sidebar -->
-    <template #sidebar-nav-before><slot name="sidebar-nav-before" /></template>
+    <template #sidebar-nav-before>
+      <slot name="sidebar-nav-before" />
+    </template>
 
     <!-- content -->
-    <template #page-top><slot name="page-top" /></template>
-    <template #page-bottom><slot name="page-bottom" /></template>
-
-    <template #not-found><slot name="not-found" /></template>
-    <template #home-hero-info><slot name="home-hero-info" /></template>
-    <template #home-hero-image><slot name="home-hero-image" /></template>
-    <template #home-hero-after><slot name="home-hero-after" /></template>
-    <template #home-features-before
-      ><slot name="home-features-before"
-    /></template>
-    <template #home-features-after
-      ><slot name="home-features-after"
-    /></template>
-
-    <template #doc-footer-before><slot name="doc-footer-before" /></template>
-
-    <template #doc-top><slot name="doc-top" /></template>
-    <template #doc-bottom><slot name="doc-bottom" /></template>
-
-    <template #aside-top><slot name="aside-top" /></template>
-    <template #aside-bottom><slot name="aside-bottom" /></template>
-    <template #aside-outline-before
-      ><slot name="aside-outline-before"
-    /></template>
-    <template #aside-outline-after
-      ><slot name="aside-outline-after"
-    /></template>
-    <template #aside-ads-before><slot name="aside-ads-before" /></template>
-    <template #aside-ads-after><slot name="aside-ads-after" /></template>
+    <template #page-top>
+      <slot name="page-top" />
+    </template>
+    <template #page-bottom>
+      <slot name="page-bottom" />
+    </template>
+
+    <template #not-found>
+      <slot name="not-found" />
+    </template>
+    <template #home-hero-info>
+      <slot name="home-hero-info" />
+    </template>
+    <template #home-hero-image>
+      <slot name="home-hero-image" />
+    </template>
+    <template #home-hero-after>
+      <slot name="home-hero-after" />
+    </template>
+    <template #home-features-before>
+      <slot name="home-features-before" />
+    </template>
+    <template #home-features-after>
+      <slot name="home-features-after" />
+    </template>
+
+    <template #doc-footer-before>
+      <slot name="doc-footer-before" />
+    </template>
+
+    <template #doc-top>
+      <slot name="doc-top" />
+    </template>
+    <template #doc-bottom>
+      <slot name="doc-bottom" />
+    </template>
+
+    <template #aside-top>
+      <slot name="aside-top" />
+    </template>
+    <template #aside-bottom>
+      <slot name="aside-bottom" />
+    </template>
+    <template #aside-outline-before>
+      <slot name="aside-outline-before" />
+    </template>
+    <template #aside-outline-after>
+      <slot name="aside-outline-after" />
+    </template>
+    <template #aside-ads-before>
+      <slot name="aside-ads-before" />
+    </template>
+    <template #aside-ads-after>
+      <slot name="aside-ads-after" />
+    </template>
   </Layout>
 </template>
+
 <style scoped lang="scss">
 .home {
   margin: 0 auto;