跳到主要内容

个人主页仓库

说明​

username/username 是一个特殊的 GitHub 仓库，它的 README.md 将出现在你个人主页的公共资料上。

这个文件可以包含你想要展示的信息，比如个人介绍、你的项目、你的技能、状态统计图等。

这是我的个人主页仓库 lailai0916/lailai0916，它将显示在我的 个人主页 上。

创建仓库​

  1. 打开 GitHub，并登录你的账户。

  2. 在 GitHub 首页右上角点击加号 + 按钮，点击 New repository（新建仓库）。

  • Repository name（仓库名称）必须与你的 GitHub 用户名相同，例如 lailai0916/lailai0916（将 lailai0916 替换为你的 GitHub 用户名）。
  • Description（描述）为可选项，例如 lailai's Profile。
  • 勾选 Add a README file（添加 README 文件）。
  • 点击 Create repository（创建仓库）。
https://github.com/new

  1. 创建完仓库后，会跳转到仓库主页，例如 https://github.com/lailai0916/lailai0916。
  • 仓库的根目录下有一个 README.md 文件，会在你的个人主页展示。
https://github.com/lailai0916/lailai0916

  1. 点击 Edit README（编辑 README）编辑文件，完成后点击 Commit changes（提交更改）保存文件。
https://github.com/lailai0916/lailai0916/edit/main/README.md

标题​

README.md 是 Markdown 格式，支持嵌入 HTML 代码。

实时编辑器
<h1 align="center">
  🎉
  <a href="https://www.lailai.one">
    Hello, I'm lailai
  </a>
  🥳
</h1>
结果
Loading...

技术栈图标​

技术栈图标推荐使用 Skill Icons。

Skill Icons​

  1. 用 Markdown 或 HTML 格式嵌入图片。
![](https://skillicons.dev/icons?i=js,html,css,wasm)
http://localhost:3000

  1. 通过参数和标记实现深浅模式切换。
  • 参数 &theme=light 和 &theme=dark 可以指定图标的深浅模式。
  • 标记 #gh-light-mode-only 和 #gh-dark-mode-only 可以指定某个元素仅在 GitHub 的 Light 或 Dark 模式下显示。
![](https://skillicons.dev/icons?i=java,kotlin,nodejs,figma&theme=light#gh-light-mode-only)
![](https://skillicons.dev/icons?i=java,kotlin,nodejs,figma&theme=dark#gh-dark-mode-only)
http://localhost:3000

状态统计图​

状态统计图推荐使用 GitHub Profile Summary Cards 或 GitHub Stats Visualization。

GitHub Profile Summary Cards​

GitHub Profile Summary Cards 的优点是使用方便，直接修改链接即可使用。

  1. 用 Markdown 或 HTML 格式嵌入图片。
![](http://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=lailai0916)
http://localhost:3000

  1. 类似技术栈图标，状态统计图也能实现深浅模式切换。
![](http://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=lailai0916&theme=default#gh-light-mode-only)
![](http://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=lailai0916&theme=dark#gh-dark-mode-only)
http://localhost:3000

  1. 这个状态统计图还支持更换不同的种类和主题。
![](http://github-profile-summary-cards.vercel.app/api/cards/stats?username=lailai0916&theme=2077)
![](http://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=lailai0916&theme=tokyonight&utcOffset=8)
http://localhost:3000

GitHub Stats Visualization​

GitHub Stats Visualization 的优点是带有动画，但需要自行构建，会相对比较麻烦。

  1. 创建一个具有 read:user 和 repo 权限的 Personal access tokens（个人访问令牌）。
  • 在 GitHub 首页右上方点击头像，并点击 Settings。
  • 依次点击 Developer settings →\to Personal access tokens →\to Tokens (classic) →\to Generate new token →\to Generate new token (classic)。
https://github.com/settings/tokens

  • 建议将 Expiration（有效期）设置为 No expiration（无有效期）。
  • 在 Select scopes（选择范围）中勾选 read:user 和 repo 权限。
  • 点击 Create token（创建令牌）。
https://github.com/settings/tokens/new

  • 复制并保存这个令牌，以后你将无法再次看到它。
  1. 复制 GitHub Stats Visualization 的 GitHub 仓库。
  • 点击 Create a new repository 创建一个副本，注意不是直接 fork，这样避免了大规模的提交历史。
  • Repository name（仓库名称）和 Description（描述）可以随意填写，例如 lailai0916/github-stats 和 lailai's Github Stats。
  • 点击 Create repository（创建仓库）。
https://github.com/new?template_name=github-stats&template_owner=jstrieb

  1. 创建完仓库后，会跳转到仓库主页，例如 https://github.com/lailai0916/github-stats。
https://github.com/lailai0916/github-stats

  1. 将访问令牌添加到 Secrets（密钥）。
  • 在仓库上方点击 Settings。
  • 依次点击 Secrets and variables →\to Actions →\to New repository secret。
https://github.com/lailai0916/github-stats/settings/secrets/actions

  • Name（名称）必须填 ACCESS_TOKEN，将 Secret（密钥）设置为刚才保存的令牌。
  • 点击 Add secret（添加密钥）。
https://github.com/lailai0916/github-stats/settings/secrets/actions

  1. 配置其他选项（可选）
  • 可以通过创建 EXCLUDED 和 EXCLUDED_LANGS 等密钥来排除特定的仓库或语言。
  • 还可以设置环境变量来排除 fork 仓库的统计数据。
  1. 首次生成统计图像，以后图像每 24 小时会自动更新。
  • 在仓库上方点击 Actions。
  • 依次点击 Generate Stats Images →\to Generate Stats Images →\to Run workflow。
https://github.com/lailai0916/github-stats/actions/workflows/main.yml

  • 刷新页面并等待几分钟，直到工作流成功运行。
https://github.com/lailai0916/github-stats/actions

  1. 嵌入状态统计图，并实现深浅模式切换。
![](https://raw.githubusercontent.com/lailai0916/github-stats/master/generated/overview.svg#gh-dark-mode-only)
![](https://raw.githubusercontent.com/lailai0916/github-stats/master/generated/overview.svg#gh-light-mode-only)
![](https://raw.githubusercontent.com/lailai0916/github-stats/master/generated/languages.svg#gh-dark-mode-only)
![](https://raw.githubusercontent.com/lailai0916/github-stats/master/generated/languages.svg#gh-light-mode-only)
http://localhost:3000

最后于 更新