Merge pull request #1 from nowscott/development

nowscott · web-flow · commit 40710a3f1f9b · 2025-02-06T00:27:21.000+08:00
Development
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -0,0 +1,73 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Get current release version
+        id: get_current_release
+        run: |
+          curl -s "https://api.github.com/repos/${{ github.repository }}/releases/latest" | jq -r '.tag_name' > current_version.txt
+        continue-on-error: true
+
+      - name: Read package.json version
+        id: read_package_version
+        run: |
+          PACKAGE_VERSION=$(node -p "require('./package.json').version")
+          echo "PACKAGE_VERSION=$PACKAGE_VERSION" >> $GITHUB_ENV
+
+      - name: Compare versions
+        id: compare_versions
+        run: |
+          if [ -f current_version.txt ]; then
+            CURRENT_VERSION=$(cat current_version.txt)
+          else
+            CURRENT_VERSION="v0.0.0"
+          fi
+          if [ "$CURRENT_VERSION" != "v${PACKAGE_VERSION}" ]; then
+            echo "Version has changed, proceeding with release."
+            echo "RELEASE=true" >> $GITHUB_ENV
+          else
+            echo "No version change detected."
+            echo "RELEASE=false" >> $GITHUB_ENV
+            exit 0
+          fi
+
+      - name: Configure Git
+        if: env.RELEASE == 'true'
+        run: |
+          git config --global user.name "GitHub Actions"
+          git config --global user.email "actions@github.com"
+
+      - name: Add package.json and commit changes
+        if: env.RELEASE == 'true'
+        run: |
+          git add package.json
+          git commit -m "Bump version to ${{ env.PACKAGE_VERSION }}" || echo "No changes to commit"
+
+      - name: Create and push tag
+        if: env.RELEASE == 'true'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          NEW_VERSION=${{ env.PACKAGE_VERSION }}
+          git tag v$NEW_VERSION
+          git push origin main --tags
+
+      - name: Create Release
+        if: env.RELEASE == 'true'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        uses: actions/create-release@v1
+        with:
+          tag_name: v${{ env.PACKAGE_VERSION }}
+          release_name: v${{ env.PACKAGE_VERSION }}
diff --git a/README.md b/README.md
@@ -14,11 +14,6 @@ RepoShare 是一个强大的网页工具，专门用于生成 GitHub 仓库的
   - 实时响应样式调整
   - 快速预览不同模板效果
 
-- 💾 一键下载分享图
-  - 支持多种图片格式（PNG/JPG）
-  - 自定义图片尺寸
-  - 快速批量导出
-
 - 🎯 支持自定义样式
   - 字体样式调整
   - 颜色主题定制
@@ -38,28 +33,19 @@ RepoShare 是一个强大的网页工具，专门用于生成 GitHub 仓库的
 2. 输入 GitHub 仓库信息
    - 填写仓库地址或用户名/仓库名
    - 自动获取仓库基本信息
-   - 支持私有仓库（需要授权）
 
 3. 选择喜欢的模板
    - 浏览预设模板列表
    - 预览模板效果
-   - 根据需求筛选模板
-
-4. 自定义样式（可选）
-   - 调整字体大小和样式
-   - 修改配色方案
-   - 自定义组件位置
 
-5. 预览并下载分享图
+4. 预览并下载分享图
    - 实时预览最终效果
-   - 选择导出格式和尺寸
-   - 一键下载或批量导出
+   - 一键下载
 
 ### 🛠️ 技术栈
 
 - 前端框架：React
   - 函数式组件开发
-  - React Hooks 状态管理
   - 组件化架构设计
 
 - UI 样式：
@@ -77,106 +63,6 @@ RepoShare 是一个强大的网页工具，专门用于生成 GitHub 仓库的
   - 模块化管理
   - 高效热更新
 
-### 📝 开发计划
-
-- [ ] 项目基础搭建
-  - [ ] 使用 Create React App 初始化项目
-  - [ ] 配置 ESLint 和 Prettier
-  - [ ] 搭建基础路由系统
-  - [ ] 设计项目目录结构
-
-- [ ] GitHub 数据层实现
-  - [ ] 封装 GitHub API 请求模块
-  - [ ] 设计仓库数据模型和类型
-  - [ ] 实现本地存储缓存系统
-  - [ ] 开发数据更新策略
-
-- [ ] 核心功能开发
-  - [ ] 实现仓库信息展示组件
-  - [ ] 开发模板选择系统
-  - [ ] 构建画布渲染引擎
-  - [ ] 完成图片导出功能
-
-- [ ] 用户界面优化
-  - [ ] 实现响应式布局
-  - [ ] 添加深色模式支持
-  - [ ] 优化加载状态展示
-  - [ ] 完善错误处理机制
-
-- [ ] 性能优化和部署
-  - [ ] 实现组件懒加载
-  - [ ] 优化缓存策略
-  - [ ] 配置 CI/CD 流程
-  - [ ] 部署到生产环境
-
-### 📁 项目结构
-
-```
-src/
-├── components/          # 组件目录
-│   ├── Preview/         # 预览组件
-│   │   ├── index.tsx
-│   │   └── style.css
-│   ├── Input/           # 仓库信息输入组件
-│   │   ├── index.tsx
-│   │   └── style.css
-│   └── Sidebar/         # 模板选择侧边栏
-│       ├── index.tsx
-│       └── style.css
-├── templates/           # 模板目录
-│   ├── Template1/       # 模板1
-│   │   ├── index.tsx
-│   │   └── style.css
-│   └── Template2/       # 模板2
-│       ├── index.tsx
-│       └── style.css
-├── services/           # 服务层
-│   └── github.ts       # GitHub API 请求封装
-├── utils/              # 工具函数
-│   ├── canvas.ts       # Canvas 绘图工具
-│   └── template.ts     # 模板处理工具
-├── types/              # 类型定义
-│   ├── github.ts       # GitHub 相关类型
-│   └── template.ts     # 模板相关类型
-├── hooks/              # 自定义 Hooks
-│   ├── useGithubRepo.ts
-│   └── useTemplate.ts
-├── constants/          # 常量定义
-│   └── config.ts
-└── App.tsx            # 应用入口
-```
-
-### 目录说明
-
-- **components/**: 存放所有 React 组件
-  - Preview: 负责展示模板预览效果
-  - Input: 处理用户输入的仓库信息
-  - Sidebar: 提供模板选择功能
-
-- **templates/**: 存放所有模板组件
-  - 每个模板都是独立的组件
-  - 包含样式和逻辑的完整实现
-
-- **services/**: API 服务封装
-  - 处理与 GitHub API 的交互
-  - 封装数据请求和处理逻辑
-
-- **utils/**: 工具函数集合
-  - 提供通用的工具方法
-  - 处理画布渲染和模板转换
-
-- **types/**: TypeScript 类型定义
-  - 确保代码类型安全
-  - 提供清晰的接口定义
-
-- **hooks/**: React 自定义 Hooks
-  - 封装可复用的状态逻辑
-  - 提供数据管理功能
-
-- **constants/**: 常量配置
-  - 存放全局配置信息
-  - 定义通用常量
-
 ## 📄 License
 
 MIT License
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
     <link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/packages/dyh/dist/SmileySans-Oblique/result.css' crossorigin="anonymous"/>
     <link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/packages/zhbtt/dist/字魂扁桃体/result.css' crossorigin="anonymous" />
     <link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/packages/jhlst/dist/京華老宋体v1_007/result.css' crossorigin="anonymous" />
+    <link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/packages/kksjt/dist/kuaikanshijieti20231213/result.css' crossorigin="anonymous" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>RepoShare</title>
   </head>
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "reposhare",
   "private": true,
-  "version": "0.0.0",
+  "version": "0.6.5",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/App.tsx b/src/App.tsx
@@ -8,14 +8,14 @@ import MainContent from './components/MainContent';
 const octokit = new Octokit();
 
 function App() {
-  const [selectedTemplate, setSelectedTemplate] = useState('basic');
+  const [selectedTemplate, setSelectedTemplate] = useState('card');
   const [isDarkMode, setIsDarkMode] = useState(false);
   const [messageApi, contextHolder] = message.useMessage();
   const [repoData, setRepoData] = useState({
     repoName: 'RepoShare',
-    repoDescription: '一个用于生成 GitHub 仓库预览图的工具，支持多种模板和自定义样式。',
-    repoStars: 100,
-    repoForks: 20,
+    repoDescription: '一个用于生成 GitHub 仓库预览图的工具，支持卡片、深色、现代等多种精美模板。可自定义显示仓库信息、作者信息、语言标签等元素，让你的仓库展示更加专业和吸引人。适用于 README 展示、社交分享、项目文档等多种场景。',
+    repoStars: 999,
+    repoForks: 66,
     repoLanguages: ['TypeScript','CSS'],
     authorName: 'NowScott',
     authorAvatar: "https://avatars.githubusercontent.com/u/86339284?v=4",
diff --git a/src/components/MainContent/index.tsx b/src/components/MainContent/index.tsx
@@ -49,21 +49,23 @@ const MainContent: React.FC<MainContentProps> = ({
         width={160}
         className="app-sider"
         theme={isDarkMode ? 'dark' : 'light'}
+        style={{ position: 'fixed', left: 0, height: '90vh', top: '64px', zIndex: 20 }}
       >
         <Sidebar
           selectedTemplate={selectedTemplate}
           onTemplateSelect={onTemplateSelect}
         />
       </Sider>
-      <Content className="app-content" style={{ padding: '24px', minHeight: '90vh', display: 'flex', justifyContent: 'center', alignItems: 'center', backgroundColor: isDarkMode ? '#141414' : '#fff', borderLeft: `1px solid ${isDarkMode ? '#303030' : '#f0f0f0'}`, borderRight: `1px solid ${isDarkMode ? '#303030' : '#f0f0f0'}` }}>
-        <div style={{ width: '750px', minWidth: '750px', flex: '0 0 750px' }}>
+      <Content className="app-content" style={{ padding: '24px', minHeight: '90vh', display: 'flex', justifyContent: 'center', alignItems: 'center', backgroundColor: isDarkMode ? '#141414' : '#fff', borderLeft: `1px solid ${isDarkMode ? '#303030' : '#f0f0f0'}`, borderRight: `1px solid ${isDarkMode ? '#303030' : '#f0f0f0'}`,  overflow: 'auto' }}>
+        <div style={{ width: '750px', flex: 'none' }}>
           <Preview selectedTemplate={selectedTemplate} {...repoData} {...controls} />
         </div>
       </Content>
       <Sider
         width={160}
         className="app-sider"
         theme={isDarkMode ? 'dark' : 'light'}
+        style={{ position: 'fixed', right: 0, height: '90vh', top: '64px', zIndex: 20 }}
       >
         <PreviewControl
           controls={controls}
diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx
@@ -9,12 +9,12 @@ interface SidebarProps {
 
 const Sidebar: React.FC<SidebarProps> = ({ selectedTemplate, onTemplateSelect }) => {
   const templates = [
-    { id: 'basic', name: '基础模板', icon: <LayoutOutlined /> },
-    { id: 'dark', name: '深色模板', icon: <BgColorsOutlined /> },
     { id: 'card', name: '卡片模板', icon: <CreditCardOutlined /> },
+    { id: 'dark', name: '深色模板', icon: <BgColorsOutlined /> },
     { id: 'modern', name: '现代模板', icon: <AppstoreOutlined /> },
     { id: 'elegant', name: '优雅模板', icon: <CrownOutlined /> },
     { id: 'luxury', name: '黑金模板', icon: <GoldOutlined /> },
+    { id: 'basic', name: '基础模板', icon: <LayoutOutlined /> },
   ];
 
   const items = [
diff --git a/src/templates/Card/style.css b/src/templates/Card/style.css
@@ -94,6 +94,9 @@
   margin: 0;
   flex: 1;
   min-width: 200px;
+  color: #58a6ff;
+  font-size: 2.5rem;
+  text-shadow: 0 0 20px rgba(88, 166, 255, 0.3);
 }
 
 .card-template .language-tags {
diff --git a/src/templates/Luxury/style.css b/src/templates/Luxury/style.css
@@ -7,7 +7,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  font-family:'zihunbiantaoti';
+  font-family:'快看世界体';
   font-weight:'400'
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "reposhare",`
`3`	`3`	`"private": true,`
`4`		`- "version": "0.0.0",`
	`4`	`+ "version": "0.6.5",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"scripts": {`
`7`	`7`	`"dev": "vite",`
Original file line number	Diff line number	Diff line change
`@@ -94,6 +94,9 @@`
`94`	`94`	`margin: 0;`
`95`	`95`	`flex: 1;`
`96`	`96`	`min-width: 200px;`
	`97`	`+ color: #58a6ff;`
	`98`	`+ font-size: 2.5rem;`
	`99`	`+ text-shadow: 0 0 20px rgba(88, 166, 255, 0.3);`
`97`	`100`	`}`
`98`	`101`
`99`	`102`	`.card-template .language-tags {`
Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`display: flex;`
`8`	`8`	`justify-content: center;`
`9`	`9`	`align-items: center;`
`10`		`- font-family:'zihunbiantaoti';`
	`10`	`+ font-family:'快看世界体';`
`11`	`11`	`font-weight:'400'`
`12`	`12`	`}`
`13`	`13`