xLog 將酷炫儀表盤同步 GitHub 個人主頁

仪表盘

🙏Twitter 有位 @AlexProgramerOh 老師，分享了一個將 xLog 儀表盤同步到 GitHub 個人主頁的方案，感覺很帥氣！

Pasted image 20230427131939

作為編程小白的我，還是不太明白究竟是如何做到，於是又起了一卦，卦象顯示，可以搞一搞☯️

方法如下👇

把這個專案 Alex-Programer: Config files for my GitHub profile. fork 到自己 GitHub

Pasted image 20230427132509

xlog card 將 xLog 的 name 填入，獲得儀表盤展示代碼，不知道這個 name，可以在 xLog 後台的設置，域名中查看

Pasted image 20230427132359

⚠️注意這是一個例子，請複製自己的代碼
<picture>
  <source
    media="(prefers-color-scheme: light)"
    srcSet="https://xlog-card.vercel.app/api/lenband?theme=light"
  />
  <source
    media="(prefers-color-scheme: dark)"
    srcSet="https://xlog-card.vercel.app/api/lenband?theme=dark"
  />
  <img src="https://xlog-card.vercel.app/api/lenband?theme=light" alt="" />
</picture>

進入剛才 fork 倉庫中，在 settings 中修改儲存庫名字，必須要和 GitHub 賬號名一致，這一點很重要
修改 README.md 裡面內容，將剛才 xlog card 得到的代碼複製到 readme.md ，根據自己需求，修改其他文字信息。

Pasted image 20230427133207

刷新一下，右邊會有多出這塊內容，點擊綠色按鈕就能在 GitHub 個人主頁顯示 xLog 儀表盤，數據會同步更新🌈

Pasted image 20230427133857