【超漂亮】之我的github美化办法

1,654 阅读1分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第8天,点击查看活动详情

一、我的github效果

看到别人的github主页很漂亮,你是不是也怦然心动?

那我也来试试了,并附上代码供修改。

1.新建同名github仓库

新建同名github仓库,修改readme.md

2.效果展示

Hi there 👋, I'm Livingbody.

  • I love to talk on trending ⚡ technology ⚡, stay hungry stay foolish. Connect with me here 163 邮箱 WeChat

  • 🚀 I Love PaddlePaddle: Build Status Documentation Status Documentation Status Release License

  • 🚀 I use daily: JavaScript Vue Git Shell Nginx Webpack NPM Postman Docker Jenkins

  • 💻 I work using: VS Code GoLand Gitee GitHub GitLab Linux Git Extensions

  • ⚙️ I also use and work: Golang React Native PostgreSQL HTML5 CSS3

  • 🌱 I’m currently learning: V8 Golang React Native Kubernetes

You are my Visitor Count visitor, Thank You!🎉🎉

Top Langs

Top Langs livingbody's GitHub stats

My Skill Set

Frontend

JavaScript Vue.js React Webpack jQuery Android Sass PowerShell Redux Bootstrap CSS3 HTML5

Backend

Go Linux Nginx MongoDB Node.js PostgreSQL MySQL Redis

DevOps

Kubernetes Git Jenkins Docker GitLab

二、主要代码

### Hi there 👋, I'm Livingbody.

<p align="center">
<img align="center" src="https://gitee.com/paddlepaddle/Paddle/raw/develop/doc/imgs/logo.png", width=1600>
<p>


- I love to talk on trending ⚡ technology ⚡, stay hungry stay foolish. Connect with me here   [![163 邮箱](https://img.shields.io/badge/-find_livingbody@qq.com-c14438?style=plastic&link=mailto:livingbody@qq.com)](mailto:livingbody@qq.com)
    [![WeChat](https://img.shields.io/badge/WeChat-07C160?logo=wechat&logoColor=white)](https://raw.githubusercontent.com/livingbody/nav/master/static/images/WeChat.jpg)

- 🚀 I Love PaddlePaddle:
    [![Build Status](https://travis-ci.org/PaddlePaddle/Paddle.svg?branch=develop)](https://travis-ci.org/PaddlePaddle/Paddle)
    [![Documentation Status](https://img.shields.io/badge/docs-latest-brightgreen.svg?style=flat)](https://paddlepaddle.org.cn/documentation/docs/en/guides/index_en.html)
    [![Documentation Status](https://img.shields.io/badge/中文文档-最新-brightgreen.svg)](https://paddlepaddle.org.cn/documentation/docs/zh/guides/index_cn.html)
    [![Release](https://img.shields.io/github/release/PaddlePaddle/Paddle.svg)](https://github.com/PaddlePaddle/Paddle/releases)
    [![License](https://img.shields.io/badge/license-Apache%202-blue.svg)](LICENSE)


- 🚀 I use daily:
  ![JavaScript](https://img.shields.io/badge/JavaScript-000000?logo=JavaScript&logoColor=FFCA28)
  ![Vue](https://img.shields.io/badge/Vue.js-35495E?logo=vue.js&logoColor=4FC08D)
  ![Git](https://img.shields.io/badge/-Git-000000?logo=git&logoColor=FF7043)
  ![Shell](https://img.shields.io/badge/-Shell-4EC422?logo=Shell&logoColor=FF7043)
  ![Nginx](https://img.shields.io/badge/-Nginx-F6C915?logo=nginx&logoColor=029137)
  ![Webpack](https://img.shields.io/badge/-webpack-2B3A42?logo=webpack&logoColor=75AFCC)
  ![NPM](https://img.shields.io/badge/-NPM-2875E3?logo=npm&logoColor=029137)
  ![Postman](https://img.shields.io/badge/-Postman-7A1FA2?logo=postman&logoColor=FC8019)
  ![Docker](https://img.shields.io/badge/docker-20232A?logo=docker&logoColor=61DAFB)
  ![Jenkins](https://img.shields.io/badge/-Jenkins-F6C915?logo=jenkins&logoColor=F16061)

- 💻 I work using:
  ![VS Code](https://img.shields.io/badge/-VS%20Code-007ACC?style=plastic&logo=visual-studio-code)
  ![GoLand](https://img.shields.io/badge/-GoLand-000?logo=goland&logoColor=00ACC1)
  ![Gitee](https://img.shields.io/badge/-Gitee-A80025?logo=gitee&logoColor=F16061)
  ![GitHub](https://img.shields.io/badge/-GitHub-181717?style=plastic&logo=github)
  ![GitLab](https://img.shields.io/badge/-GitLab-FCA121?style=plastic&logo=gitlab)
  ![Linux](https://img.shields.io/badge/-Linux-F16061?logo=linux&logoColor=000)
  ![Git Extensions](https://img.shields.io/badge/-Git%20Extensions-green?logo=git%20extensions&logoColor=DE3929)

- ⚙️ I also use and work:
  ![Golang](https://img.shields.io/badge/-Golang-02569B?logo=go&logoColor=00ACC1)
  ![React Native](https://img.shields.io/badge/React_Native-20232A?logo=react&logoColor=61DAFB)
  ![PostgreSQL](https://img.shields.io/badge/-PostgreSQL-336791?style=plastic&logo=postgresql)
  ![HTML5](https://img.shields.io/badge/-HTML5-E34F26?style=plastic&logo=html5&logoColor=white)
  ![CSS3](https://img.shields.io/badge/-CSS3-1572B6?style=plastic&logo=css3)

- 🌱 I’m currently learning:
  ![V8](https://img.shields.io/badge/-V8-3DDC84?logo=v8&logoColor=4788F4)
  ![Golang](https://img.shields.io/badge/-Golang-02569B?logo=go&logoColor=00ACC1)
  ![React Native](https://img.shields.io/badge/React_Native-20232A?logo=react&logoColor=61DAFB)
  ![Kubernetes](https://img.shields.io/badge/-Kubernetes-F5F5F5?logo=Kubernetes&logoColor=316CE6)


You are my ![Visitor Count](https://profile-counter.glitch.me/livingbody/count.svg) visitor, Thank You!🎉🎉

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=livingbody)](https://github.com/livingbody/github-readme-stats)

![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=livingbody&layout=compact)
![livingbody's GitHub stats](https://github-readme-stats.vercel.app/api?username=livingbody&show_icons=true)

### My Skill Set
<table><tr><td valign="top" width="33%">



#### Frontend
<div align="center">
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/javascript-original.svg" alt="JavaScript" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/vuejs-original-wordmark.svg" alt="Vue.js" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/react-original-wordmark.svg" alt="React" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/webpack-original.svg" alt="Webpack" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/jquery.png" alt="jQuery" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/android-original-wordmark.svg" alt="Android" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/sass-original.svg" alt="Sass" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/powershell.png" alt="PowerShell" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/redux-original.svg" alt="Redux" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/bootstrap-plain.svg" alt="Bootstrap" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/css3-original-wordmark.svg" alt="CSS3" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/html5-original-wordmark.svg" alt="HTML5" height="50" />
</div>

</td>
<td valign="top" width="33%">

#### Backend
<div align="center">
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/go-original.svg" alt="Go" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/linux-original.svg" alt="Linux" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/nginx-original.svg" alt="Nginx" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/mongodb-original-wordmark.svg" alt="MongoDB" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/nodejs-original-wordmark.svg" alt="Node.js" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/postgresql-original-wordmark.svg" alt="PostgreSQL" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/mysql-original-wordmark.svg" alt="MySQL" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/redis-original-wordmark.svg" alt="Redis" height="50" />
</div>

</td>
<td valign="top" width="33%">

#### DevOps
<div align="center">
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/kubernetes-icon.svg" alt="Kubernetes" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/git-scm-icon.svg" alt="Git" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/jenkins-icon.svg" alt="Jenkins" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/docker-original-wordmark.svg" alt="Docker" height="50" />
<img style="margin: 10px" src="https://profilinator.rishav.dev/skills-assets/gitlab.svg" alt="GitLab" height="50" />
</div>
</td>
</tr>
</table>

<br/>
<div align="center">
  <a href="https://raw.githubusercontent.com/livingbody/nav/master/static/images/buymeacoffee.jpg" target="_blank" style="display: inline-block;">
    <img
        src="https://img.shields.io/badge/Donate-Buy%20Me%20A%20Coffee-orange.svg?style=flat-square"
        align="center"
    />
  </a>
</div>

三、针对性修改

  • 修改邮箱号
  • 修改github用户名
  • 修改主页展示内容
  • 修改banner

四、效果

如下图所示

1111111111.jpg