feat: 支持上传发行版的文件包

Author: jetsung

.github/workflows/release.yml

@@ -6,8 +6,12 @@ on:
       - "*"
 
 jobs:
-  build:
+  publish-release:
     runs-on: ubuntu-latest
+
+    env:
+      GH_TOKEN: ${{ github.token }}
+
     steps:
     - uses: actions/checkout@v4
     - name: Get version
@@ -18,12 +22,43 @@ jobs:
 
     - name: Write Changelog
       run: |
-        prev_to_latest="${{ env.PREV_VERSION }}...${{ env.RELEASE_VERSION }}"
-        printf "\n\n**Full Changelog:** [\`${prev_to_latest}\`](https://github.com/${{ github.repository }}/compare/${prev_to_latest})" >> .CurrentChangelog.md
+        touch .CurrentChangelog.md
+        if [ -n "${{ env.PREV_VERSION }}" ]; then
+          prev_to_latest="${{ env.PREV_VERSION }}...${{ env.RELEASE_VERSION }}"
+          printf "\n\n**Full Changelog:** [\`${prev_to_latest}\`](https://github.com/${{ github.repository }}/compare/${prev_to_latest})" >> .CurrentChangelog.md
+        fi
     - uses: oven-sh/setup-bun@v2
       with:
         bun-version: latest
     - name: Build
       run: |
         bun install
         bun run build
+
+    - name: Create Package
+      run: |
+        mv dist shortener
+        tar -czvf "shortener-frontend_${{ env.RELEASE_VERSION }}.tar.gz" shortener
+        ls -lh
+
+    - name: Create Release
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      run: |
+        ls -lh
+        gh release create ${{ env.RELEASE_VERSION }} --draft --notes-file .CurrentChangelog.md --prerelease --title "${{ env.RELEASE_VERSION }}" --verify-tag
+
+    - name: Upload Release Asset
+      run: |
+        ls -lh
+        gh release upload ${{ env.RELEASE_VERSION }} ./*.tar.gz --clobber
+
+    - name: Publish Release
+      run: |
+        gh release edit ${{ env.RELEASE_VERSION }} --draft=false --prerelease=false --latest
+
+    # - name: Upload artifacts
+    #   uses: actions/upload-artifact@v4
+    #   with:
+    #     name: artifact
+    #     path: ./*.tar.gz

README.md

@@ -42,7 +42,7 @@ npm run build
 
 ## 部署
 
-部署教程查看 [**shortener-server**](https://git.jetsung.com/idev/shortener-frontend#文档) 项目。
+部署教程查看 [**shortener-server**](https://git.jetsung.com/idev/shortener-server#文档) 项目。
 
 ## 仓库镜像
 

src/pages/Dashboard.tsx

@@ -30,7 +30,7 @@ const useStyles = createStyles(({ token }) => {
       gap: 16,
     },
   };
-})
+});
 
 const Dashboard: React.FC = () => {
   const { token } = theme.useToken();
@@ -43,20 +43,34 @@ const Dashboard: React.FC = () => {
           borderRadius: 8,
         }}
         styles={{
-          body:{
-          backgroundImage:
-            initialState?.settings?.navTheme === 'realDark'
-              ? 'background-image: linear-gradient(75deg, #1A1B1F 0%, #191C1F 100%)'
-              : 'background-image: linear-gradient(75deg, #FBFDFF 0%, #F5F7FF 100%)',
-          }
+          body: {
+            backgroundImage:
+              initialState?.settings?.navTheme === 'realDark'
+                ? 'background-image: linear-gradient(75deg, #1A1B1F 0%, #191C1F 100%)'
+                : 'background-image: linear-gradient(75deg, #FBFDFF 0%, #F5F7FF 100%)',
+          },
         }}
       >
         <div className={styles.container}>
-          <div className={styles.textHeading}>
-            欢迎使用 Shortener 短网址生成器
-          </div>
+          <div className={styles.textHeading}>欢迎使用 Shortener 短网址生成器</div>
           <p className={styles.welcome}>
-            Shortener 是一个使用 Go 语言开发的短网址生成器。<a href='https://git.jetsung.com/idev/shortener' target='_blank'>后端使用 Gin 框架</a>，<a href='https://git.jetsung.com/idev/shortener-frontend' target='_blank'>前端使用 React 框架</a>，UI 框架使用 Ant Design。
+            Shortener 是一个使用 Go 语言开发的短网址生成器。
+            <a
+              rel="noopener noreferrer"
+              href="https://git.jetsung.com/idev/shortener-server"
+              target="_blank"
+            >
+              后端使用 Gin 框架
+            </a>
+            ，
+            <a
+              rel="noopener noreferrer"
+              href="https://git.jetsung.com/idev/shortener-frontend"
+              target="_blank"
+            >
+              前端使用 React 框架
+            </a>
+            ，UI 框架使用 Ant Design。
           </p>
         </div>
       </Card>