From cc3805425e87c86ffef0ca1d7c3c7ed88edadedf Mon Sep 17 00:00:00 2001
From: zkz098 <zkz20081204@126.com>
Date: Sat, 11 Nov 2023 14:37:35 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E7=AB=A0=E5=BA=95=E9=83=A8?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .github/workflows/ci.yml                 | 46 ++++++++++++------------
 theme/components/ShokaxPostCopyright.vue |  7 ++--
 theme/components/ShokaxPostFooter.vue    | 25 +++++++++++++
 theme/components/ShokaxPostNav.vue       | 17 +++++++++
 theme/components/ShokaxPostNavBlock.vue  | 38 ++++++++++++++++++++
 theme/composables/config.ts              |  9 +++++
 theme/node/index.ts                      |  3 ++
 theme/types/index.d.ts                   |  2 ++
 8 files changed, 122 insertions(+), 25 deletions(-)
 create mode 100644 theme/components/ShokaxPostFooter.vue
 create mode 100644 theme/components/ShokaxPostNav.vue
 create mode 100644 theme/components/ShokaxPostNavBlock.vue

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 67fcc23..5c789cb 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -43,33 +43,33 @@ jobs:
   #       run: pnpm run typecheck
 
   # check windows build
-  build:
-    runs-on: ${{ matrix.os }}
+  # build:
+  #   runs-on: ${{ matrix.os }}
 
-    strategy:
-      matrix:
-        node-version: [16.x]
-        os: [ubuntu-latest, windows-latest]
-      fail-fast: false
+  #   strategy:
+  #     matrix:
+  #       node-version: [16.x]
+  #       os: [ubuntu-latest, windows-latest]
+  #     fail-fast: false
 
-    steps:
-      - uses: actions/checkout@v3
+  #   steps:
+  #     - uses: actions/checkout@v3
 
-      - name: Install pnpm
-        uses: pnpm/action-setup@v2
+  #     - name: Install pnpm
+  #       uses: pnpm/action-setup@v2
 
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
-        with:
-          node-version: ${{ matrix.node-version }}
-          registry-url: https://registry.npmjs.org/
-          cache: pnpm
+  #     - name: Use Node.js ${{ matrix.node-version }}
+  #       uses: actions/setup-node@v3
+  #       with:
+  #         node-version: ${{ matrix.node-version }}
+  #         registry-url: https://registry.npmjs.org/
+  #         cache: pnpm
 
-      - name: Install
-        run: pnpm install
+  #     - name: Install
+  #       run: pnpm install
 
-      - name: Build
-        run: pnpm run build
+  #     - name: Build
+  #       run: pnpm run build
 
-      - name: Build:demo
-        run: pnpm run build:demo
+  #     - name: Build:demo
+  #       run: pnpm run build:demo
diff --git a/theme/components/ShokaxPostCopyright.vue b/theme/components/ShokaxPostCopyright.vue
index 504ed85..58ce254 100644
--- a/theme/components/ShokaxPostCopyright.vue
+++ b/theme/components/ShokaxPostCopyright.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
-import { useFrontmatter, useFullUrl } from 'valaxy'
+import type { Post } from 'valaxy'
+import { useFullUrl } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 import { useThemeConfig } from '../composables'
 
+defineProps<{
+  frontmatter: Post
+}>()
 const themeConfig = useThemeConfig()
 const { t } = useI18n()
-const frontmatter = useFrontmatter()
 const postURL = useFullUrl()
 </script>
 
diff --git a/theme/components/ShokaxPostFooter.vue b/theme/components/ShokaxPostFooter.vue
new file mode 100644
index 0000000..0d726d2
--- /dev/null
+++ b/theme/components/ShokaxPostFooter.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import type { Post } from 'valaxy'
+import { formatDate } from 'valaxy'
+
+import { useI18n } from 'vue-i18n'
+
+defineProps<{
+  frontmatter: Post
+}>()
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <div class="text-right text-sm text-gray-500">
+    <span v-if="frontmatter.updated !== frontmatter.date" class="inline-block mr-2">
+      <div class="mr-1 i-ri-calendar-check-fill inline-block" />
+      <span>{{ t('post.edited') }}</span>
+      <time :title="t('post.modified') + t('symbol.colon') + frontmatter.updated" itemprop="dateModified" :datetime="formatDate(frontmatter.date || '')">
+        {{ formatDate(frontmatter.updated || frontmatter.date || '') }}
+      </time>
+    </span>
+  </div>
+  <!-- 等待和waline&twikoo进行阅读量重构 -->
+</template>
diff --git a/theme/components/ShokaxPostNav.vue b/theme/components/ShokaxPostNav.vue
new file mode 100644
index 0000000..d75f438
--- /dev/null
+++ b/theme/components/ShokaxPostNav.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { usePrevNext } from 'valaxy'
+import ShokaxPostNavBlock from './ShokaxPostNavBlock.vue'
+
+const [prev, next] = usePrevNext()
+</script>
+
+<template>
+  <div class="post-nav flex mb-4">
+    <div class="item left w-1/2">
+      <ShokaxPostNavBlock v-if="prev" type="prev" :item="prev" />
+    </div>
+    <div class="item right w-1/2">
+      <ShokaxPostNavBlock v-if="next" type="next" :item="next" />
+    </div>
+  </div>
+</template>
diff --git a/theme/components/ShokaxPostNavBlock.vue b/theme/components/ShokaxPostNavBlock.vue
new file mode 100644
index 0000000..f595780
--- /dev/null
+++ b/theme/components/ShokaxPostNavBlock.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import type { Post } from 'valaxy'
+import { useI18n } from 'vue-i18n'
+import { getCover } from '../composables'
+
+const props = defineProps<{
+  item: Post
+  type: 'next' | 'prev'
+}>()
+
+const cover = getCover(props.item)
+let lastcat: string
+if (typeof props.item.categories === 'object')
+  lastcat = props.item.categories[-1]
+else if (typeof props.item.categories === 'string')
+  lastcat = props.item.categories
+const { t } = useI18n()
+</script>
+
+<template>
+  <a
+    :href="item.path"
+    class="flex flex-col h-full text-white p-5 bg-cover relative"
+    :rel="type"
+    itemprop="url"
+    :data-background-image="item.cover || cover"
+    :title="item.title || item.path || t('post.untitled')"
+  >
+    <span class="type text-sm self-start"> {{ t(`post.${type}`) }}</span>
+    <span v-if="lastcat" class="category text-sm self-start">
+      <div class="i-ri-flag-fill" />
+      {{ lastcat }}
+    </span>
+    <h3>
+      {{ item.title || item.path || t('post.untitled') }}
+    </h3>
+  </a>
+</template>
diff --git a/theme/composables/config.ts b/theme/composables/config.ts
index 93145d7..fc4ff0b 100644
--- a/theme/composables/config.ts
+++ b/theme/composables/config.ts
@@ -1,4 +1,5 @@
 import { computed } from 'vue'
+import type { Post } from 'valaxy'
 import { useConfig } from 'valaxy'
 import type { ThemeConfig } from '../types'
 
@@ -9,3 +10,11 @@ export function useThemeConfig<T = ThemeConfig>() {
   const config = useConfig<T>()
   return computed(() => config!.value.themeConfig)
 }
+
+export function getCover(post: Post) {
+  const covers = useConfig<ThemeConfig>().value.themeConfig.covers
+  if (post.cover)
+    return post.cover
+  else if (covers.length >= 1)
+    return covers[0]
+}
diff --git a/theme/node/index.ts b/theme/node/index.ts
index a74b6a2..f112b25 100644
--- a/theme/node/index.ts
+++ b/theme/node/index.ts
@@ -35,6 +35,9 @@ export const defaultThemeConfig: ThemeConfig = {
     atom: false,
   },
   author: 'Anyone',
+  covers: [
+    'https://example.com',
+  ],
 }
 
 // write a vite plugin
diff --git a/theme/types/index.d.ts b/theme/types/index.d.ts
index 0cbc726..d8c0172 100644
--- a/theme/types/index.d.ts
+++ b/theme/types/index.d.ts
@@ -71,6 +71,8 @@ export interface ThemeConfig {
     rss: boolean
     atom: boolean
   }
+
+  covers: string[]
 }
 
 export interface NavItem {