Github个人主页配置

发表于 更新于 分类于 Waline： 阅读次数：

摘要: Github个人主页配置

参考 https://blog.csdn.net/qq_38342510/article/details/144972296

官方文档 https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile

新建仓库

在 GitHub 上新建一个仓库，仓库名和自己 Github 用户名相同，然后添加一个 README.md 自述文件，在该文件里添加信息即可。

这是我的仓库：https://github.com/zlay0701/zlay0701

仓库建好后，添加一个 README.md 文件 在右侧就会出现edit readme文件的按钮 编辑这个文件即可

README.md的内容就会显示在自己的Github主页

主页定制

会用到的项目

其他好看主页参考项目

Github仓库统计

使用项目https://github.com/anuraghazra/github-readme-stats

效果

1
{% asset_img github-stats /github-readme-stats.zlay.fun/api?username=zlay0701&show_icons=true&icon_color=0366d6&bg_color=F5F5F5&hide_title=true&hide=contribs&include_all_commits=true&count_private=true %}

代码语言统计

使用项目https://github.com/anuraghazra/github-readme-stats

效果

1
{% asset_img Top Langs /github-readme-stats.zlay.fun/api/top-langs/?username=zlay0701&layout=compact&hide_title=true&bg_color=F5F5F5 %}

Github项目统计

使用项目https://github.com/anuraghazra/github-readme-stats

效果

1
{% asset_img  /github-readme-stats.zlay.fun/api/pin/?username=zlay0701&repo=hexo-demo&show_owner=true&bg_color=F5F5F5 %}

Github徽章

使用项目 https://shields.io/badges

效果如下:

1
2
3
<img src="https://img.shields.io/badge/-HTML5-E34F26?style=flat-square&logo=html5&logoColor=white" /> 
<img height="20" src="https://img.shields.io/badge/java-spring-informational?style=flat&logo=coffeescript&logoColor=white&color=2bbc8a">
{% asset_img  /img.shields.io/badge/java-javafx-informational?style=flat&logo=coffeescript&logoColor=white&color=2bbc8a %}

GitHub 活动统计图

使用项目 https://github.com/Ashutosh00710/github-readme-activity-graph/

效果:

1
{% asset_img github活动图 /github-readme-activity-graph.vercel.app/graph?username=zlay0701&theme=vue&hide_title=true %}

打字特效

使用项目 https://github.com/DenverCoder1/readme-typing-svg

效果

1
{% asset_img Typing SVG /readme-typing-svg.demolab.com?font=Fira+Code&weight=500&size=22&pause=1000&color=000000&width=435&lines=Hi+there+%F0%9F%91%8B+This+is+zlay %}

博客文章同步

使用项目 https://github.com/gautamkrishnar/blog-post-workflow

通过RSS方式自动同步最新的文章列表到readme文件中

记得修改workflow权限为读写权限: 点击仓库Settings, 点击 Actions > General. 在 Workflow permissions分类中选择 Read and write permissions. 点击save.

1
2
3
4
5
6
在readme中增加如下代码

## 最新博客

<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
新增文件.github/workflows/blog-post-workflow.yml
文件内容如下,修改最后一行的URL

name: Latest blog post workflow
on:
  schedule: # Run workflow automatically
    - cron: '0 * * * *' # Runs every hour, on the hour
  workflow_dispatch: # Run workflow manually (without waiting for the cron to be called), through the GitHub Actions Workflow page directly
permissions:
  contents: write # To write the generated contents to the readme

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
      - name: Pull in dev.to posts
        uses: gautamkrishnar/blog-post-workflow@v1
        with:
          feed_list: "https://zlay.fun/atom.xml"

访客统计

使用项目 https://github.com/antonkomarev/github-profile-views-counter

效果

1
{% asset_img  /komarev.com/ghpvc/?username=zlay0701&label=PROFILE+VIEWS&style=for-the-badge&color=brightgreen %}

我的主页参考代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
{% asset_img Typing SVG](https://readme-typing-svg.demolab.com?font=Fira+Code&weight=500&size=22&pause=1000&color=000000&width=435&lines=Hi+there+%F0%9F%91%8B+This+is+zlay)

<p align='left'>
<a href="https://zlay.fun/"><img height="30" src="icons/fa6-solid--blog.svg"></a>&nbsp;&nbsp;
<a href="https://gitee.com/zlay0701"><img height="30" src="icons/gitee_icon.svg"></a>&nbsp;&nbsp;
<a href="https://github.com/zlay0701"><img height="30" src="icons/github_icon.svg"></a>
</p>

## 技术栈

<p align='left'>
<img height="20" src="https://img.shields.io/badge/java-spring-informational?style=flat&logo=coffeescript&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/java-swing-informational?style=flat&logo=coffeescript&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/java-javafx-informational?style=flat&logo=coffeescript&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/vuejs-3-informational?style=flat&logo=vuedotjs&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/mysql-5.7.26-informational?style=flat&logo=MySQL&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/Oracle-11g-informational?style=flat&logo=MyS1QL&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/redis-7.0.4-informational?style=flat&logo=Redis&logoColor=white&color=2bbc8a">
</p>

## 最新博客

<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->

## Github Stats

| ![github-stats](https://github-readme-stats.zlay.fun/api?username=zlay0701&show_icons=true&icon_color=0366d6&bg_color=F5F5F5&hide_title=true&hide=contribs&include_all_commits=true&count_private=true) | ![Top Langs](https://github-readme-stats.zlay.fun/api/top-langs/?username=zlay0701&layout=compact&hide_title=true&bg_color=F5F5F5) |
| ------------------------------------------------------------ | ------------------------------------------------------------ |

## 个人项目

| ![](https://github-readme-stats.zlay.fun/api/pin/?username=zlay0701&repo=hexo-demo&show_owner=true&bg_color=F5F5F5) | ![](https://github-readme-stats.zlay.fun/api/pin/?username=zlay0701&repo=hugo-demo&show_owner=true&bg_color=F5F5F5) |
| ------------------------------------------------------------ | ------------------------------------------------------------ |

## Github活动图

![github活动图 /github-readme-activity-graph.vercel.app/graph?username=zlay0701&theme=vue&hide_title=true %}

## About me

- 90后, 男生

------

--------------------------~ 我可是有底线的哟 ~--------------------------


我的主页第二版代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
{% asset_img Typing SVG](https://readme-typing-svg.demolab.com?font=Fira+Code&weight=500&size=22&pause=1000&color=000000&width=435&lines=Hi+there+%F0%9F%91%8B+This+is+zlay)

<p align='left'>
<a href="https://zlay.fun/"><img height="30" src="icons/fa6-solid--blog.svg"></a>&nbsp;&nbsp;
<a href="https://gitee.com/zlay0701"><img height="30" src="icons/gitee_icon.svg"></a>&nbsp;&nbsp;
<a href="https://github.com/zlay0701"><img height="30" src="icons/github_icon.svg"></a>
</p>



## 技术栈 ⚙️

<p align='left'>
<img height="20" src="https://img.shields.io/badge/java-spring-informational?style=flat&logo=coffeescript&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/java-swing-informational?style=flat&logo=coffeescript&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/java-javafx-informational?style=flat&logo=coffeescript&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/vuejs-3-informational?style=flat&logo=vuedotjs&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/mysql-5.7.26-informational?style=flat&logo=MySQL&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/Oracle-11g-informational?style=flat&logo=MyS1QL&logoColor=white&color=2bbc8a">&nbsp;
<img height="20" src="https://img.shields.io/badge/redis-7.0.4-informational?style=flat&logo=Redis&logoColor=white&color=2bbc8a">
</p>

## 最新博客

<!-- BLOG-POST-LIST:START -->
- [Github个人主页配置](https://zlay.fun/post/2025-07-16-github-profile-setting/)
- [有道云笔记导出到Markdown](https://zlay.fun/post/2025-07-09-you-dao-yun-bi-ji-import-markdown/)
- [hexo hugo vuepress 文档写法区别](https://zlay.fun/post/2025-07-06-hexo-hugo-vuepress-write-tutorial/)
- [bootstrapfx编译踩坑指南](https://zlay.fun/post/2025-07-05-bootstrapfx-install/)
- [VuePress-v2-hope主题上手指南 /zlay.fun/post/2025-06-24-vuepress2-start/ %}
<!-- BLOG-POST-LIST:END -->

## Github Stats 📊

<details>
  <summary>GitHub Profile Stats 💻</summary>
  <br/>
  <a href="#"><img alt="Github Stats" src="https://github-readme-stats.zlay.fun/api?username=zlay0701&show_icons=true&icon_color=0366d6&bg_color=F5F5F5&hide_title=true&hide=contribs&include_all_commits=true&count_private=true" height="135px"/></a>
  <a href="#"><img alt="Top Languages" src="https://github-readme-stats.zlay.fun/api/top-langs/?username=zlay0701&layout=compact&hide_title=true&bg_color=F5F5F5" height="135px"/></a>
  <br/>
</details>
<details>
  <summary>Activity Graph 📈</summary>
  <br/>
  <a href="#"><img alt="github activity graph" src="https://github-readme-activity-graph.vercel.app/graph?username=zlay0701&theme=vue&hide_title=true" height=""/>
  </a>
</details>
<details>
  <summary>Profile Views 👁️</summary>
  <br/>
  <img src="https://komarev.com/ghpvc/?username=zlay0701&label=PROFILE+VIEWS&style=for-the-badge&color=brightgreen">
</details>
<details>
  <summary>个人项目 Extra Pins 📌</summary>
  <br/>
<table>
  <tr>
    <td align="center" width="400">
    	<a href="">
  <img align="center" src="https://github-readme-stats.zlay.fun/api/pin/?username=zlay0701&repo=hexo-demo&show_owner=true&bg_color=F5F5F5" />
</a> 
</td>
<td align="center" width="400">
    	<a href="">
  <img align="center" src="https://github-readme-stats.zlay.fun/api/pin/?username=zlay0701&repo=hugo-demo&show_owner=true&bg_color=F5F5F5" />
 </a>
 </td>
  </tr>
</table>
</details>

## About me

- 90后, 男生

------

--------------------------~ 我可是有底线的哟 ~--------------------------