漂亮的GitHub个人总览 ,原来这么容易实现

github 构建个人个性化的主页 github 构建个人个性化的 Profile 最近在逛 githua 时发现很多人的 profile 都很有个性,而不在是之前单调的个人简介啦。实现后的效果如下: 具体实现步骤如下: 首先要创建一个和跟自己 github 同名的项目,这个项目中 README 的内容就会展示到 profile 中。 关于最上面的图像可以在参考这里 ascii 图像 如果有个人博客使用 feedparser 解析订阅信息,写入到项目中的 README.md 中,我这里是取个人 blog 前五条作为展示 使 阅读详情

前段时间,GitHub悄悄地发布了一个新功能:Profile README.

翻译成中文即简历型README,好听一点就是个人自述型简历,简单点就是个人GitHub总览。

下面给大家讲讲怎么通过 GitHub API 创建一个能够自更新的总览。

1.首先,创建一个GitHub仓库:

创建一个与你的GitHub帐户同名的存储库:
(在我的情况下为 github.com/Ckend/Ckend)

向其添加一个README.md,我写入了以下内容:

"To be continued..."

如图所示:

然后GitHub将在你的个人资料页面顶部呈现该README内容,对我来说就是 github.com/Ckend:



如图所示,用户名的这个仓库的 README.md 将成为你的个人资料首页的展示内容。

2.美化你的展示内容

首先,我们可以加一个GitHub的基本统计信息:

这是官方给出的统计组件API,使用起来很方便,你只需要往你的README.md里添加下述代码即可:

<img align="left" src="https://github-readme-stats.vercel.app/api?username=你的账号用户名&include_all_commits=true&count_private-true&custom_title=你的账号用户名'%20GitHub%20Stats&line_height=30&show_icons=true&hide_border=true&bg_color=192133&title_color=efb752&icon_color=efb752&text_color=70bed9">

此外GitHub官方还提供了一个展示自己最常用语言的接口。

你可以在README.md里添加下述内容展示这个图表:

<img align="right" src="https://github-readme-stats.vercel.app/api/top-langs/?username=ckend">

你还可以带一个 &layout=compact 参数展示横版图表:

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

另外,我们还可以加上技术栈图标:


利用 https://img.shields.io 提供的图标,可以轻松实现这点,在README键入以下内容即可:

### 技术栈

![Python](https://img.shields.io/badge/-Python-192133?style=flat-square&logo=python&logoColor=white)
![Django](https://img.shields.io/badge/-Django-192133?style=flat-square&logo=figma&logoColor=white)
![PHP](https://img.shields.io/badge/-PHP-192133?style=flat-square&logo=figma&logoColor=white)
![MySQL](https://img.shields.io/badge/-MySQL-192133?style=flat-square&logo=mysql&logoColor=white)
![Redis](https://img.shields.io/badge/-Redis-192133?style=flat-square&logo=redis&logoColor=white)
![Elasticsearch](https://img.shields.io/badge/-Elasticsearch-192133?style=flat-square&logo=elasticsearch&logoColor=white)
![Kafka](https://img.shields.io/badge/-Kafka-192133?style=flat-square&logo=apache-kafka&logoColor=white)

当然,你要根据自己的情况做修改。

此外,shields网站还能自定义图标,可以用于展示自己的项目:

### 项目
[![pythondict-quant](https://img.shields.io/badge/pythondict-quant-192133?style=flat-square)](https://github.com/Ckend/pythondict-quant)
[![scihub-cn](https://img.shields.io/badge/scihub-cn-192133?style=flat-square)](https://github.com/Ckend/scihub-cn)

你可以按照自己的情况选择以上任意一种组件来美化总览。

完成一个漂亮的总览,能让你更有动力去维护GitHub仓库,所以一定要动手试试。

下面给大家提供一份我的总览完整版:

完整版代码如下:

<img align="left" src="https://github-readme-stats.vercel.app/api?username=Ckend&include_all_commits=true&count_private-true&custom_title=Ckend'%20GitHub%20Stats&line_height=30&show_icons=true&hide_border=true&bg_color=192133&title_color=efb752&icon_color=efb752&text_color=70bed9">

### 技术栈

![Python](https://img.shields.io/badge/-Python-192133?style=flat-square&logo=python&logoColor=white)
![Django](https://img.shields.io/badge/-Django-192133?style=flat-square&logo=figma&logoColor=white)
![PHP](https://img.shields.io/badge/-PHP-192133?style=flat-square&logo=figma&logoColor=white)
![MySQL](https://img.shields.io/badge/-MySQL-192133?style=flat-square&logo=mysql&logoColor=white)
![Redis](https://img.shields.io/badge/-Redis-192133?style=flat-square&logo=redis&logoColor=white)
![Elasticsearch](https://img.shields.io/badge/-Elasticsearch-192133?style=flat-square&logo=elasticsearch&logoColor=white)
![Kafka](https://img.shields.io/badge/-Kafka-192133?style=flat-square&logo=apache-kafka&logoColor=white)

### 项目
[![pythondict-quant](https://img.shields.io/badge/pythondict-quant-192133?style=flat-square)](https://github.com/Ckend/pythondict-quant)
[![scihub-cn](https://img.shields.io/badge/scihub-cn-192133?style=flat-square)](https://github.com/Ckend/scihub-cn)

大家可以参考这个方案进行修改,绘制一个属于自己的漂亮总览。

文末福利

各位猿们,还在为记不住API发愁吗,哈哈哈,最近发现了国外大师整理了一份Python代码速查表和Pycharm快捷键sheet,火爆国外,这里分享给大家。

这个是一份Python代码速查表

下面的宝藏图片是2张(windows && Mac)高清的PyCharm快捷键一览图

怎样获取呢?可以添加我们的AI派团队的Beyonce小姐姐

一定要备注【高清图】哦

????????????????????

➕我们的Beyonce小姐姐微信要记得备注【高清图】哦

来都来了,喜欢的话就请分享、点赞、在看三连再走吧~~~

个人主页 — github + jekyll 搭建自己的个人主页 文章目录github + jekyll 搭建自己的个人主页一、总览1. 技术选择理由二、搭建过程1. github 部分:2. jekyll 部分:2.1 安装 jekyll2.2 使用 jekyll 模板2.3 jekyll 模板目录结构三、域名解析参考资料 github + jekyll 搭建自己的个人主页 一、总览 1. 技术选择理由 采用github + jekyll 两块技术搭建 个人主页,原因如下: 选择github的理由:github 的 github.io可以充当无限的服务器,小伙伴只需要 阅读详情

相关推荐

python炫彩界面库实现漂亮的登录注册窗口

下面是运行截图 from xcgui import * XInitXCGUI("") #初始化UI库 XPy_Init() #初始化UI库Py支持 hWindow =0 hLayoutContent=0 hCurPanel=0 def SwitchTab(strTy): global hCurPanel if hCurPanel: ...

1万+

GitHub个人资料自述与管理主题设置

GitHub个人资料自述与管理主题设置、关于您的个人资料自述文件先决条件添加个人资料自述文件删除个人资料自述文件管理主题设置补充:建立一个空白文件夹可以通过创建个人资料 README,在 GitHub.com 上与社区分享有关你自己的信息。 GitHub 在个人资料页面的顶部显示您的个人资料自述文件。您决定在个人资料自述文件中包含哪些信息,因此您可以完全控制如何在 GitHub 上展示自己。

云域A的博客 7746

不需懂代码,10分钟在Github搭建免费且已成型的个人博客网站

想拥有一个自己的博客网站吗?现在搭建个人网站/个人博客的平台和软件很多,比如最流行的是这三个:1.,很好很简单很强大,但是,你在上面搭的网站国内不能访问。2.,自己下载Wordpress软件托管。有些云平台如AWS有打包服务,不用自己下载了。这个要求一定的专业能力,而且不可能完全免费——托管费总要付点儿吧。3.,非常简单的拖拽式网站制作,会做漂亮的PPT就能做漂亮的网站。但是,一方面国内虽能访问但很慢,另外一方面,如果一点儿小钱也不想施舍的话,网站头上会一直顶着个长条广告,非常碍眼。

HongYingClub-优快云 1633

如何做一个炫酷的Github个人简介(3DContribution)

更炫酷的github个人简介

Sol-itude的博客 1152

统计信息:我的GitHub统计信息的个人仪表板

萨哈什的Github统计

大漠插件找图找字避坑手册:从ziku0.txt字库制作到易语言精准识别(附综合工具实操)

本文深入解析大漠插件在图像识别中的核心难点,提供从ziku0.txt字库精准制作到易语言高效调用的完整避坑指南。重点讲解如何利用大漠综合工具科学设置偏色与二值化参数,生成高质量色彩描述字符串,并分享识别失败的系统排查方法与进阶优化策略,旨在实现99%的稳定识别率。

weixin_29264201的博客 1208

一篇文章带你美化Github个人主页!建议收藏!

目录一、面子工程也很重要二、手把手带你设置1.新建和自己名字一样的仓库2.同意项目右侧的提醒事项3.注意事项4.配置完成!三、美化你的首页!1.github概览数据2.github语言数据3.emoji4.使用github专用的emoji5.标准markdown格式四、其他支持的平台五、总结六、授人与鱼不如授人与鱼,以下是参考资料链接 一、面子工程也很重要 众所周知,首页对于一个网站的重要性。同样的,github的首页也是一个开发者第一眼看上去也是很重要的。 比如项目更新频率,star数量是不是很多。 下图

Code Metaverse 1万+

abaqus应力值导出并进行后处理(同一节点多个应力值如何处理?)

Abaqus应力导出: ‘Tools’--- Probe values 在Probe Values里面可以选择需要导出的信息,比如‘Nodes’或者‘Elements’ 如果需要导出多个应力值或者其他信息可以选择‘Components’这个选项。 选择‘Selected’只输出一个正应力S33(对应截图中的) 如果是‘All Direct’,则是输出6个正应力S11, S22, S33, S12, S13, S23 ‘All Principals’输出三个正应力 在输出...

themingyi的博客 5万+

GitHub Cards入门指南:如何快速创建漂亮的GitHub个人资料卡片

GitHub Cards是一款强大的工具,能够帮助你为GitHub个人资料和仓库创建精美的展示卡片。本指南将带你快速了解如何使用这款工具,无需复杂的代码知识,就能轻松打造个性化的GitHub展示效果。 ## 什么是GitHub Cards GitHub Cards是一个非官方的GitHub卡片生成工具,它允许用户为自己的GitHub个人资料和仓库创建视觉吸引力强的卡片。这些卡片可以展示你的贡献

gitblog_00851的博客 763

Arcmap计算土方量教程

1. 创建现状TIN 结果数据: 2. 创建设计TIN 结果数据: 注意:现状TIN和设计TIN构建时候的坐标系不同,设置坐标系见最后的注意事项第1点,就是import(导入)那步骤,现状TIN构建时选择高程点数据或者等高线数据,设计TIN构建时候选择洱海面数据 3. TIN转栅格 改成你要存的数据库,注意中间不要有汉字 结果数据(设计TIN转栅格的同理) 4. 裁剪现状TIN转成的栅格 结果数据: 5. 计算土方量 结果数据: ...

欢迎关注,共同进步! 5016

AD24-层次原理图的设计

4)在原理图关联对话框中双击需要放置方块图的子图,即激活方块图的放置,单击母图的空白处进行放置。3)设计-Create Sheet From Sheet,进入原理图关联对话框。4)放置-添加图纸入口,放置方块图的内部I/O端口并进行名称更改。2)放置-页面符,放置页面符,并执行Table完成属性设置。5)执行Ctrl+W,端口和内部I/O端口对应连接。1)创建一个工程并完成子图的每页原理图的设计。1)新建项目,创建Main原理图页。3)放置-的端口,放置方块图的端口。以上,就是层次原理图页的设计。

qq_52761962的博客 4938

Github 个人首页的 README,这样玩儿~

  本文首发于 Ficow Shen’s Blog,原文地址: Github 个人首页的 README,这样玩儿~。   内容概览 前言 创建仓库 修改 README 的内容 总结   前言   大家最近有没有发现这个现象,有些名人的 Github 首页变得更丰富了?尤其是那个夺目的 README 板块!!! 请看,这是 iOS 喵神 的 Github 首页: 看官,你想不想自己也弄一个呢?来,现在就开始吧~   创建仓库   首先,你需要登

Ficow Shen 4341

Openclaw第5章 知识库管理

💡:学会使用 OpenClaw构建个人知识库系统,实现网页文章存档、GitHub项目管理、论文笔记整理和跨设备同步。

Maynor的博客 777

github个人主页

github个人主页设置

liu不是liu的博客 4956

基于Simulink的异步电机定子磁链定向控制(SFOC)仿真

本文带你从零构建了异步电机SFOC系统​ 的完整Simulink仿真模型,实现了:✅ 搭建异步电机、逆变器、风机负载的主电路与传感器模型;✅ 用MATLAB Function实现定子磁链观测(电压模型)、坐标变换、双闭环PI控制;✅ 验证SFOC在转速跟踪(响应0.2s、超调4%)、转矩响应(恢复0.15s)中的高性能;✅ 对比RFOC,明确SFOC在参数鲁棒性(转子电阻+50%时波动<2%)上的独特优势;✅ 理解SFOC“定子磁链定向+解耦控制”的核心思想(低成本高鲁棒性驱动的工程实现)。

xiaoheshang_123的博客 393

FPGA工程师面试试题集锦11~20

时钟抖动是指芯片的某一个给定点上时钟周期发生暂时性变化,也就是说时钟周期在不同的周期上可能加长或缩短。它是一个平均值为0的平均变量。

FPGA/MATLAB学习教程/源码/项目合作开发 678

制作出色的 GitHub 个人资料

然后,我展示了如何使用 GitHub Flavored Markdown 和 HTML 格式化您的个人资料。之后,我分享了您可以从哪里获得自己的个人资料的灵感。要创建我的配置文件,我需要创建一个名为 kshyun28 的存储库,然后添加一个文件。如果你是 GitHub 的新手,或者主要使用私有 GitHub 存储库,那么你很可能还没有 GitHub 个人资料。如果你转到你的 GitHub 个人资料,你会注意到左侧边栏上有一个部分。这些成就的收集起来很有趣,可以改善你的整体 GitHub 个人资料。

一览无遗 1546

华为od 面试八股文_C++_04_含答案

华为od 面试八股文_C++_04_含答案

MISAYAONE的博客 2474

如何快速创建漂亮的GitHub Pages

先来一个预览吧

B0tt3rf1y 1882

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

github-card教程:5个真实场景教你高效使用GitHub个人资料卡片

还在手动把头像、粉丝数一张张截图贴到网页里?试试 github-card 这个轻量开源 Web 组件,一行代码即可生成漂亮的 GitHub 个人资料卡片。本教程结合 5 个真实场景,从博客嵌入、团队官网到简历作品集,手把手教你高效使用 GitHub 个人资料卡片,零框架、零依赖,新手也能立刻上手。🚀 [![github-card GitHub个人资料卡片示例效果图](https://raw.g

gitblog_00272的博客 985

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

利用 Hexo 与 Github Page 搭建个人博客

以个人经历为例,详细介绍了在国内环境下如何利用Github Page与Hexo构建静态页面,并总结了个人踩过的所有坑。

xlf5323的博客 1724

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

Vue.js+Github打造个人网站GithubPages

本文介绍如何使用Vue.js开发一个独一无二的GithubPages。

进击的小宇宙 5706

使用小工具打造一个漂亮的个人GitHub主页

几分钟内创建一个漂亮的 README 文件,无需编写任何代码!可以让你在你的 GitHub 主页上展示你的个人信息,技能,项目等等。

u010549407的专栏 576

如何打造一个花里胡哨的Github个人主页?

今天介绍下GitHub的一项特色功能 -,以及一些列开源工具、项目来帮助打造自己特色的。也是最近两年GitHub才新加的功能,开发者可以通过编写README打造属于自己的个人GitHub首页。先贴一张我自己的GitHub profile表示个人主页,但是Github近两年悄悄上线了profile仓库的功能,也就是说可以自由管理你profile的README一句话总结:你可以通过README.md来自定义你Github首页。

人生不易,请勿焦虑。 2085
上一篇: 经历 | 我在拼多多的三年
下一篇: GitHub上 10 个超好看可视化面板
Wang_AI
博客等级 码龄12年 997粉丝 162原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值