一、我的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 visitor, Thank You!🎉🎉
My Skill Set
二、主要代码
### 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
四、效果
如下图所示