如何让你的 github profile 让人眼前一亮?默认的 github profile 页面是支持 Markdown 语法的,如是可以玩出很多花样来!给它添加各种特效和信息吧
点击查看大体积动图
Github Stats Card
Github https://github.com/appotry/github-readme-stats 参考代码
Docker Hub https://hub.docker.com/r/bloodstar/github-readme-stats
更详细参数使用说明,请参考 Github 仓库 Readme 说明
由于 github 对 api 调用次数有限制,最好自建服务器使用!
自建 Docker 服务
docker-compose.yml
docker run
Vercel 和 docker 调用差异
和Vercel 部署调用不同,不需要 /api
这里vercel 和 docker 调用接口一致是比较容易实现的。为了方便和上游同步,这里就没有做修改。
GitHub Stats Card
GitHub Repo Pins
GitHub Gist Pins
Top Languages Card
WakaTime Stats Card
项目代码需要 rss2才能用。为了下面代码正常运行,需要安装支持 RSS2 的 hexo 插件 hexo-feed
创建 Profile Repo
创建一个和用户名一样的仓库,这个仓库就是你的 Github Profile 仓库。仓库的Readme.md
文件将会显示在 github/[name]
代码仓库导入 https://github.com/appotry/appotry
修改个人信息
.template/README.md
generator.py
.github/workflows/get rss.yml
.template/README.md
把博主的信息,换为你自己的信息
generator.py
把常量定义修改为你自己的信息
修改文件仓库名称等相关内容
创建 action CI_TOKEN
配置完成后,运行 github action
最终效果
当然,还有很多其它方法用来美化 Github Profile
这里只是介绍了简单的几种,profile中使用的技术还没介绍完全
参考&致谢
最近发现一个 github action 实现了类似的功能 gautamkrishnar/blog-post-workflow
系列教程
全部文章RSS订阅
Hexo系列
HexoRSS分类订阅
[三万字教程]基于Hexo的matery主题搭建博客并深度优化完全一站式教程
- markdown 各种其它语法插件,latex公式支持,mermaid图表,plant uml图表,URL卡片,bilibili卡片,github卡片,豆瓣卡片,插入音乐和视频,插入脑图,插入PDF,嵌入iframe
笔记系列
Note分类RSS订阅