Github美化日記 - 又菜又愛玩
一.咱就說
無論是技術大牛, 或者是技術小菜, 都希望有一個好看的Github首頁吧!（快說你想要！
二.那就開始吧！
1.所有的神秘皆來自一個特殊的倉庫
上圖的倉庫名（Repository name）和自己的用戶名（我的是codeacg）一致，這時候出現了一只黑色的喵咪！然后倉庫要是public的（所有人皆可訪問），勾選Add a README file，勾選創建倉庫的時候會增加一個README.md檔案，我們所有的操作都寫于此檔案，接著網頁往下翻，點擊Create repository，
然后就變成了這樣子：
2.打開這個倉庫，開始整活！
點擊上圖那個紅框框起來的那個，下面那個紅框啦！
打開后，點擊Edit README編輯這個README.md檔案，就是下圖啦，
2.1 萌萌計數器
直接看，你就說你想要就完事了，
Moe-Counter：一款多種風格可選的萌萌計數器，Moe-counter 每被重繪一次，顯示的數字便會 +1，借此達到計數的目的，
食用方法：
白嫖大佬的
如果這個網址還在，請繼續，
打開這個網址后，在最下面Tool一欄中，可以看到一個鏈接：https://count.getloli.com/get/@:name?theme=asoul，憑借這個鏈接即可直接食用，其中 :name 是計數器的 ID，使用不同的 name 就可以生成不同的計數器，后面的 asoul 則是計數器的主題外觀，Moe-counter 擁有多種風格可選，點擊 asoul 便出現選擇框可以選擇其他主題外觀，點擊 Get 即可查看預覽效果，
我食用的是rule34這個主題，因為這個會動，
點擊Commit changes就行了，然后你打開你的主頁就可以看到了，開心吧，
自建
請參考大佬倉庫寫的食用手冊，
2.2 貪吃蛇
這可不是一個簡單的貪吃蛇，會自動更新的喲！
2.2.1 配置action
-
點擊
Action
-
點擊
Configure配置yml檔案
-
改名，換代碼，點擊
start commit，再點擊commit new file，
name: Generate Snake?on:schedule:- cron: "0 0 * * *"workflow_dispatch:?jobs:build:runs-on: ubuntu-latest?steps:- name: Checkoutuses: actions/[email protected]?- name: Generate Snakeuses: Platane/snk@masterid: snake-gifwith:github_user_name: ${{ github.repository_owner }}gif_out_path: ./assets/github-contribution-grid-snake.gifsvg_out_path: ./assets/github-contribution-grid-snake.svg?- name: Push to GitHubuses: EndBug/[email protected]with:branch: mainmessage: 'Generate Contribution Snake' -
引入
snake另一種cdn鏈接國內訪問更快
 -
修改Actions讀取倉庫權限
-
run workflow
-
查看是否成功
演示效果.
2.2 Readme Typing SVG（打字機）
直接看，你就說你想要就完事了，
?? Readme Typing SVG：是一款打字機效果的好東西，
食用方法：
張嘴就行，這是大佬的網站，
復制Markdown代碼，放到這里：
點擊Commit changes就行了，然后你打開你的主頁就可以看到了，開心吧，
這是我的：
%3B;)
2.3 Shields.io （小牌子）
別說了，直接整吧！
Shields.io：一種以 SVG 和光柵格式提供簡潔、一致和易讀徽章的服務，可以輕松地包含在 GitHub 自述檔案或任何其他網頁中，
食用方法（有兩種）：
靜態小牌子
一個最簡單的例子就是：
https://img.shields.io/badge/codeacg-喵醬-E89AAA
簡單定制小牌子非常方便，最最基礎的語法規則就是：
https://img.shields.io/badge/{左半部分標簽}-{右半部分標簽}-{右半部分16進制顏色}
動態小牌子
你可以參考少數派的這篇文章，然后借助大佬的網站「小牌子生成器」
2.4 GitHub Readme Stats（GitHub 統計卡片）
看圖吧！
GitHub Readme Stats：在你的 README 中獲取動態生成的 GitHub 統計資訊，
食用方法：
將這行代碼復制到你的 markdown 檔案中，就是如此簡單！
更改 ?username= 的值為你的 GitHub 用戶名，
[](https://github.com/anuraghazra/github-readme-stats)
下面是我的：
[](https://github.com/anuraghazra/github-readme-stats)
?
[](https://github.com/anuraghazra/github-readme-stats)
效果1 效果2 等等，
2.5 Metrics（Github統計資訊圖表）
Metrics：生成可以嵌入到任何地方的統計圖示，包括您的 GitHub 組態檔自述檔案！支持用戶、組織，甚至存盤庫！
玩法有很多，感興趣的同學可以深入研究，
食用方法：
大佬的網站Metrics，打開網站之后，在左側輸入你的用戶名，左邊有很多選項供選擇，也可以換模板等等，然后點擊右側的markdown按鈕，復制代碼即可，
然后把復制的代碼，放到我們的README.md檔案中即可，
效果演示.
2.6 GitHub Profile Trophy（Github獎杯）
GitHub Profile Trophy：GitHub 簡介獎杯，在README.md檔案中添加動態生成的 GitHub Stat Trophies
食用方法：
將以下代碼添加到您的自述檔案中，將代碼粘貼到個人資料的自述檔案中時，將 ?username= 后更改為 GitHub 的用戶名，
[](https://github.com/ryo-ma/github-profile-trophy)
效果演示
2.7 visitor-badge（統計訪問者數量）
visitor-badge：計算 GitHub 中 README.md、問題、PR 的訪問者數量，
食用方法：
page_id 是必需的，請使用唯一的字串來最好地代表您的頁面，跟上面萌萌計數器一樣的那種，
效果演示，
2.8 Github Readme Activity Graph（Github活動統計圖）
Github Readme Activity Graph：動態生成的活動圖，顯示您過去 31 天的 GitHub 活動，
食用方法：
只需將以下 URL 粘貼到您的個人資料自述檔案中，您就可以開始了，
[
效果演示.
2.9 Github Readme Streak Stats（GitHub 連續打卡）
Github Readme Streak Stats：顯示您的總貢獻，當前連續幾次，以及 GitHub 個人資料README檔案中最長的連續記錄
食用方法：
將下面的 markdown 復制粘貼到你的 GitHub 組態檔 README 中，將 ?user= 后面的值替換為你的 GitHub 用戶名 將 ?user= 后面的值替換為你的 GitHub 用戶名
[](https://git.io/streak-stats)
效果演示.
2.10 stats-cards（網站資料卡片）
stats-cards：在 README 中展示網站資料，也可用于網站狀態監控，
支持網站有：知乎，B站，Leetcode，掘金，牛客，CSDN，Github等，
食用方法：
和上面一樣，，，
效果演示.
三.其他大佬的
黑心皮蛋
yumuing
Cactus
二丫講梵
Licardo
案例倉庫1
案例倉庫2
俺
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/549241.html
標籤：其他
上一篇：計算機中的編碼和字符集：理解二進制、位元組流和常見編碼方案
下一篇：正則運算式