Young Kbt blog Young Kbt blog
首页
  • java基础

    • Java基础
    • Java集合
    • Java反射
    • JavaJUC
    • JavaJVM
  • Java容器

    • JavaWeb
  • Java版本新特性

    • Java新特性
  • SQL 数据库

    • MySQL
    • Oracle
  • NoSQL 数据库

    • Redis
    • ElasticSearch
  • 数据库

    • MyBatis
    • MyBatis-Plus
  • 消息中间件

    • ActiveMQ
    • RabbitMQ
    • RocketMQ
    • Kafka
  • 进阶服务

    • Nginx
  • Spring
  • Spring Boot
  • Spring Security
  • 设计模式
  • 算法
  • 知识
  • 管理

    • Maven
    • Git
  • 部署

    • Linux
    • Docker
    • Jenkins
    • Kubernetes
  • 进阶

    • TypeScript
  • 框架

    • React
    • Vue2
    • Vue3
  • 轮子工具
  • 项目工程
  • 友情链接
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 关于
    • Vue2-Admin (opens new window)
    • Vue3-Admin(完善) (opens new window)
GitHub (opens new window)

Shp Liu

朝圣的使徒,正在走向编程的至高殿堂!
首页
  • java基础

    • Java基础
    • Java集合
    • Java反射
    • JavaJUC
    • JavaJVM
  • Java容器

    • JavaWeb
  • Java版本新特性

    • Java新特性
  • SQL 数据库

    • MySQL
    • Oracle
  • NoSQL 数据库

    • Redis
    • ElasticSearch
  • 数据库

    • MyBatis
    • MyBatis-Plus
  • 消息中间件

    • ActiveMQ
    • RabbitMQ
    • RocketMQ
    • Kafka
  • 进阶服务

    • Nginx
  • Spring
  • Spring Boot
  • Spring Security
  • 设计模式
  • 算法
  • 知识
  • 管理

    • Maven
    • Git
  • 部署

    • Linux
    • Docker
    • Jenkins
    • Kubernetes
  • 进阶

    • TypeScript
  • 框架

    • React
    • Vue2
    • Vue3
  • 轮子工具
  • 项目工程
  • 友情链接
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 关于
    • Vue2-Admin (opens new window)
    • Vue3-Admin(完善) (opens new window)
GitHub (opens new window)
  • 技术随笔 - Github - 好看的主页

    • 图片
      • 效果
        • 如何使用
        Young Kbt
        2022-01-09
        技术随笔
        目录

        技术随笔 - Github - 好看的主页原创

        笔记

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

        2022-01-09 @Young Kbt

        • 图片
        • 效果
        • 如何使用

        # 图片

        # 效果

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

        image-20220109174056830

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

        # 如何使用

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

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

        image-20220109174430315

        创建好仓库后,不需要克隆仓库到本地,我们直接在仓库里修改 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/>
        
        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

        其中 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 文件后,点击保存,然后去首页刷新,就会看到效果。

        编辑此页 (opens new window)
        #技术随笔
        更新时间: 2024/11/02, 18:07:00
        最近更新
        01
        技术随笔 - Element Plus 修改包名 原创
        11-02
        02
        Reactor - 扩展性
        11-02
        03
        Reactor - 最佳实践
        11-02
        更多文章>
        Theme by Vdoing | Copyright © 2021-2024 Young Kbt | blog
        桂ICP备2021009994号
        • 跟随系统
        • 浅色模式
        • 深色模式
        • 阅读模式