fix website release links and deploy trigger

Author: coderDJing

.github/workflows/website.yml

@@ -7,6 +7,9 @@ on:
     paths:
       - 'website/**'
       - '.github/workflows/website.yml'
+  release:
+    types:
+      - published
   workflow_dispatch:
 
 permissions:
@@ -43,6 +46,9 @@ jobs:
 
       - name: Build
         working-directory: website
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          VITE_SITE_URL: 'https://${{ github.repository_owner }}.github.io/${{ github.event.repository.name }}/'
         run: pnpm build
 
       - name: Upload artifact

website/README.md

@@ -1,5 +1,22 @@
-# Vue 3 + Vite
+# BPM Sniffer Website
 
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+官网使用 `Vue 3 + Vite + Vite SSG` 构建，发布到 GitHub Pages。
 
-Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
+## Commands
+
+```bash
+pnpm install
+pnpm build
+pnpm preview
+```
+
+## Release Data
+
+- `pnpm build` 会先执行 `scripts/fetch-release.mjs`，把最新稳定版信息写入 `src/generated/release.json`。
+- 首屏下载按钮的静态 HTML 默认先指向 `https://github.com/coderDJing/bpm-sniffer/releases/latest`，避免站点未重建时把旧版安装包直链吐出去。
+- 页面挂载后会再次请求 GitHub Release API，成功后把按钮更新为最新 `.exe` 直链，并刷新版本号与更新摘要。
+
+## Deploy
+
+- `.github/workflows/website.yml` 会在 `website/**` 变更后重建官网。
+- 同一个工作流也会在 GitHub Release 发布时重建官网，确保静态首屏版本号跟上最新正式版。

website/src/generated/release.json

@@ -1,11 +1,11 @@
 {
-  "tagName": "v1.1.3",
-  "publishedAt": "2025-11-26T09:24:05Z",
-  "notes": "1.Optimized the style of the floating ball\r\n\r\n1.优化了悬浮球的样式",
-  "assetName": "BPM.Sniffer_1.1.3_x64-setup.exe",
-  "downloadUrl": "https://github.com/coderDJing/bpm-sniffer/releases/download/v1.1.3/BPM.Sniffer_1.1.3_x64-setup.exe",
-  "releaseUrl": "https://github.com/coderDJing/bpm-sniffer/releases/tag/v1.1.3",
-  "fetchedAt": "2025-11-27T03:48:44.947Z",
+  "tagName": "v1.1.7",
+  "publishedAt": "2026-03-09T02:09:37Z",
+  "notes": "Add to the right-click menu of the floating ball\r\n\r\n加入悬浮球右键菜单",
+  "assetName": "BPM.Sniffer_1.1.7_x64-setup.exe",
+  "downloadUrl": "https://github.com/coderDJing/bpm-sniffer/releases/download/v1.1.7/BPM.Sniffer_1.1.7_x64-setup.exe",
+  "releaseUrl": "https://github.com/coderDJing/bpm-sniffer/releases/tag/v1.1.7",
+  "fetchedAt": "2026-03-16T01:23:36.968Z",
   "state": "ready",
   "source": "github"
 }

website/src/views/HomeView.vue

@@ -46,6 +46,7 @@ const downloadUrl = ref(releaseSeed.downloadUrl)
 const releaseUrl = ref(releaseSeed.releaseUrl)
 const releaseAssetName = ref(releaseSeed.assetName)
 const releaseState = ref<'loading' | 'ready' | 'error'>(releaseSeed.state)
+const hasRuntimeRelease = ref(false)
 
 async function fetchLatestRelease() {
   releaseState.value = 'loading'
@@ -70,11 +71,15 @@ async function fetchLatestRelease() {
       downloadUrl.value = fallbackUrl
       releaseAssetName.value = ''
     }
+    hasRuntimeRelease.value = true
     releaseState.value = 'ready'
   } catch (err) {
     console.warn('[release]', err)
+    hasRuntimeRelease.value = false
     releaseState.value = 'error'
     downloadUrl.value = fallbackUrl
+    releaseUrl.value = fallbackUrl
+    releaseAssetName.value = ''
   }
 }
 
@@ -281,13 +286,19 @@ watch(routeLang, (next) => {
 const localized = computed(() => translations[lang.value])
 const features = computed(() => localized.value.features)
 const steps = computed(() => localized.value.steps)
-const releaseNotesTitleText = computed(() => localized.value.releaseNotesTitle(latestVersion.value))
+const releaseNotesTitleText = computed(() =>
+  localized.value.releaseNotesTitle(hasRuntimeRelease.value ? latestVersion.value : undefined)
+)
 const releaseLinkLabel = computed(() =>
-  releaseState.value === 'ready' ? localized.value.releaseLinkReady : localized.value.releaseLoadingLink
+  hasRuntimeRelease.value && releaseState.value === 'ready'
+    ? localized.value.releaseLinkReady
+    : localized.value.releaseLoadingLink
 )
+const downloadHref = computed(() => (hasRuntimeRelease.value ? downloadUrl.value || fallbackUrl : fallbackUrl))
+const releaseHref = computed(() => (hasRuntimeRelease.value ? releaseUrl.value || fallbackUrl : fallbackUrl))
 const downloadCta = computed(() => {
   const locale = localized.value
-  if (latestVersion.value) return locale.downloadWithVersion(latestVersion.value)
+  if (hasRuntimeRelease.value && latestVersion.value) return locale.downloadWithVersion(latestVersion.value)
   return locale.downloadDefault
 })
 const releaseDateText = computed(() => {
@@ -413,7 +424,7 @@ onMounted(() => {
         {{ localized.heroLede }}
       </p>
       <div class="hero-actions">
-        <a class="btn primary" :href="downloadUrl" target="_blank" rel="noreferrer noopener">
+        <a class="btn primary" :href="downloadHref" target="_blank" rel="noreferrer noopener">
           {{ downloadCta }}
         </a>
         <a class="btn ghost" href="https://github.com/coderDJing/bpm-sniffer" target="_blank" rel="noreferrer noopener">
@@ -433,8 +444,8 @@ onMounted(() => {
             <small v-if="releaseDateText">{{ localized.releaseDatePrefix }}{{ releaseDateText }}</small>
           </div>
           <div>
-            <a :href="releaseUrl" target="_blank" rel="noreferrer noopener">{{ releaseLinkLabel }}</a>
-            <span v-if="releaseAssetName"> · {{ releaseAssetName }}</span>
+            <a :href="releaseHref" target="_blank" rel="noreferrer noopener">{{ releaseLinkLabel }}</a>
+            <span v-if="hasRuntimeRelease && releaseAssetName"> · {{ releaseAssetName }}</span>
           </div>
         </template>
         <template v-else-if="releaseState === 'error'">