笔记

介绍我的 GitHub 个人首页的简单卡片设计。

2022-01-09 @Young Kbt

• 图片
• 效果
• 如何使用

图片

效果

这是我目前 GitHub 的个人首页，多了一些内容，如卡片统计，仓库的语言统计等。

你也可以直接去我的主页查看效果：https://github.com/Kele-Bingtang (opens new window)

如何使用

首先你需要创建一个仓库，而仓库名 必须 是你的用户名，如我的 GitHub 叫做 Kele-Bingtang，则我的仓库名就叫 Kele-Bingtang。

创建仓库的时候，记得公开仓库和创建 README 文件，如图：

创建好仓库后，不需要克隆仓库到本地，我们直接在仓库里修改 README 文件即可。

这里说明一下：两个卡片内容是第三方提供的，并且第三方提供了很多主题颜色，官方地址：https://github.com/anuraghazra/github-readme-stats (opens new window)。

我的 README 文件内容：

<a href="https://github.com/Kele-Bingtang/">
  <img align="right" src="https://github-readme-stats.vercel.app/api?username=Kele-Bingtang&theme=algolia&count_private=true&show_icons=true" />
</a>

<a href="https://github.com/Kele-Bingtang/">
  <img align="right" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Kele-Bingtang&layout=compact" />
</a>

## Hello World 👋

- 🔭 I’m currently working on Beijing
- 💬 You can ask me about java
- 📫 How to reach me: <https://youngkbt.cn?contact=1>
- 😄 Pronouns: youngkbt
- ⚡ Fun fact: 🏀 & 🏃‍ & 💻
- :meat_on_bone: Meat lover

## My Website

💻：<https://youngkbt.cn>
  
## My Blog Websites

- 1️⃣ Main(fast)：<https://notes.youngkbt.cn/>
- 2️⃣ GitHub Pages(fast)：<https://github.notes.youngkbt.cn/>
- 3️⃣ Gitee Pages(fast)：<http://gitee.notes.youngkbt.cn/>
- 4️⃣ My Server(slow)：<https://server.notes.youngkbt.cn/>

其中 a 标签和 img 标签的 src 就是第三方提供的路径，如果你想直接使用我的效果卡片，那么只需要把第 2 行的 https://github-readme-stats.vercel.app/api?username=Kele-Bingtang&theme=algolia&count_private=true&show_icons=true 的 username 改成你自己的 GitHub 用户名，包括第 6 行的 username。其他不变。

当然，a 标签的 src 也改成你想要跳转的地址。

填好 README 文件后，点击保存，然后去首页刷新，就会看到效果。