新增项目/文章展示区、活跃度图与贡献蛇

- README 增加「项目展示」「文章推荐」区块(暂用占位内容,附替换提示)
- 统计区新增 github-readme-activity-graph 活跃度曲线图
- 统计区新增贡献蛇动画(picture 标签自动适配深浅色主题)
- 新增 snake.yml 工作流,每 12 小时生成 profile/snake.svg 与 snake-dark.svg
- 同步更新 CLAUDE.md 说明

Co-Authored-By: daitcl <daitcl@users.noreply.github.com>
This commit is contained in:
2026-10-10 03:10:59 +08:00
co-authored by daitcl
parent a4bdb56def
commit 6d524f5576
3 changed files with 73 additions and 2 deletions
+35
View File
@@ -0,0 +1,35 @@
name: Generate Snake
on:
schedule:
- cron: "0 */12 * * *" # 每 12 小时更新一次
workflow_dispatch: # 支持手动触发
# 说明:不使用 push 触发,避免本工作流提交后自我循环触发
permissions:
contents: write
jobs:
generate:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
# 生成贡献蛇(浅色 + 深色两版,自动适配主题)
- name: Generate snake SVG
uses: Platane/snk/svg-only@v3
with:
github_user_name: ${{ github.repository_owner }}
outputs: |
profile/snake.svg
profile/snake-dark.svg?palette=github-dark
# 提交生成的蛇到仓库(与 stats.yml 保持同样的提交模式)
- name: Commit snake
run: |
git config user.name "github-actions[bot]"
git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
git add profile/snake.svg profile/snake-dark.svg
git commit -m "Update snake" || exit 0
git push
+7 -2
View File
@@ -7,8 +7,8 @@
这是一个 **GitHub 个人主页 README 仓库**(`daitcl/daitcl`,即与 GitHub 用户名同名的特殊仓库)。它不是一个软件项目:没有源代码、构建系统、测试套件或 Lint 工具。该仓库的唯一用途是渲染 https://github.com/daitcl 上展示的个人主页。 这是一个 **GitHub 个人主页 README 仓库**(`daitcl/daitcl`,即与 GitHub 用户名同名的特殊仓库)。它不是一个软件项目:没有源代码、构建系统、测试套件或 Lint 工具。该仓库的唯一用途是渲染 https://github.com/daitcl 上展示的个人主页。
- `README.md` — 主页内容,使用中文编写,会直接渲染为 GitHub 个人主页页面。包含作者 CSDN 博客、个人网站(daitcc.top)、爱发电赞助、邮箱、微信公众号等链接。 - `README.md` — 主页内容,使用中文编写,会直接渲染为 GitHub 个人主页页面。包含作者 CSDN 博客、个人网站(daitcc.top)、爱发电赞助、邮箱、微信公众号等链接。
- `profile/stats.svg`、`profile/top-langs.svg` — README 通过相对路径(`./profile/stats.svg`)引用的 GitHub 统计卡片。 - `profile/stats.svg`、`profile/top-langs.svg`、`profile/snake.svg`、`profile/snake-dark.svg` — README 通过相对路径(`./profile/xxx.svg`)引用的 GitHub 统计卡片与贡献蛇。
- `.github/workflows/` — 仓库中唯一有实际意义的"代码",两个 GitHub Actions 负责主页的自动化。 - `.github/workflows/` — 仓库中唯一有实际意义的"代码",三个 GitHub Actions 负责主页的自动化。
## GitHub Actions(需要了解的自动化) ## GitHub Actions(需要了解的自动化)
@@ -17,6 +17,11 @@
- 使用 `readme-tools/github-readme-stats-action@v1` 重新生成 `profile/stats.svg` 和 `profile/top-langs.svg`。 - 使用 `readme-tools/github-readme-stats-action@v1` 重新生成 `profile/stats.svg` 和 `profile/top-langs.svg`。
- 自动提交这些 SVG(提交信息为 "Update README cards")并推送回仓库——因此 `profile/*.svg` 可能在 main 分支上自动变化,无需本地修改。请将这两个文件视为**生成产物**,不要手动编辑。 - 自动提交这些 SVG(提交信息为 "Update README cards")并推送回仓库——因此 `profile/*.svg` 可能在 main 分支上自动变化,无需本地修改。请将这两个文件视为**生成产物**,不要手动编辑。
### `.github/workflows/snake.yml` — 生成贡献蛇
- 每 12 小时定时运行(`0 */12 * * *`),也支持 `workflow_dispatch` 手动触发。
- 使用 `Platane/snk/svg-only@v3` 生成 `profile/snake.svg`(浅色)与 `profile/snake-dark.svg`(深色),并自动提交(提交信息为 "Update snake")。
- **刻意不使用 push 触发**,避免提交后自我循环。若要生成蛇,需通过 GitHub 界面手动触发或等待定时任务。
### `.github/workflows/sync.yml` — 镜像推送到 Gitee 和 GitCode ### `.github/workflows/sync.yml` — 镜像推送到 Gitee 和 GitCode
- 在**任意分支上的每次 push** 时触发(另支持 `workflow_dispatch`)。 - 在**任意分支上的每次 push** 时触发(另支持 `workflow_dispatch`)。
- 如果 Gitee / GitCode 上不存在同名仓库,会通过各自的 V5 REST API 自动创建公开仓库,然后 **强制推送** 分支和标签到两个镜像。 - 如果 Gitee / GitCode 上不存在同名仓库,会通过各自的 V5 REST API 自动创建公开仓库,然后 **强制推送** 分支和标签到两个镜像。
+31
View File
@@ -35,6 +35,26 @@
--- ---
<h3><samp> 项目展示</samp></h3>
<!-- ✏️ 待补充:把下方示例替换为你的真实项目
格式: **项目名** · `主要语言` —— 一句话简介 [→ 仓库链接](url) -->
- **项目名称** · `语言` —— 一句话项目简介 [→ 仓库](https://github.com/daitcl)
<br />
---
<h3><samp> 文章推荐</samp></h3>
<!-- ✏️ 待补充:替换为你的真实文章标题与链接(CSDN / daitcc.top) -->
- [文章标题一](https://blog.csdn.net/qq_39538318)
- [文章标题二](https://www.daitcc.top)
<br />
---
<h3><samp> 为什么写博客</samp></h3> <h3><samp> 为什么写博客</samp></h3>
| | | | | |
@@ -75,6 +95,17 @@
<img src="./profile/top-langs.svg" alt="Top Langs" height="170" /> <img src="./profile/top-langs.svg" alt="Top Langs" height="170" />
</p> </p>
<p align="center">
<img src="https://github-readme-activity-graph.vercel.app/graph?username=daitcl&bg_color=ffffff00&color=6b7f8c&line=8a7ca8&point=9e4a4a&area=true&hide_border=true" alt="活跃度" width="95%" />
</p>
<p align="center">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./profile/snake-dark.svg" />
<img src="./profile/snake.svg" alt="贡献蛇" width="95%" />
</picture>
</p>
<p align="center"> <p align="center">
<img src="https://komarev.com/ghpvc/?username=daitcl&color=8a7ca8&style=flat-square" alt="Profile Views" /> <img src="https://komarev.com/ghpvc/?username=daitcl&color=8a7ca8&style=flat-square" alt="Profile Views" />
</p> </p>