banner
冷板凳

冷板凳

🚀探索笔记和效率工具
twitter
telegram

xLog synchronizes cool dashboards with GitHub personal homepage

Dashboard

🙏 On Twitter, a teacher @AlexProgramerOh shared a solution to sync the xLog dashboard to a GitHub personal homepage, which seems very cool!

Pasted image 20230427131939

As a programming novice, I still don't quite understand how to do it, so I consulted the oracle again, and the result showed that it can be done ☯️

The method is as follows👇

Pasted image 20230427132509

  • Go to xlog card and fill in the xLog name to get the dashboard display code. If you don't know this name, you can check it in the settings under the domain name in the xLog backend.

Pasted image 20230427132359

⚠️ Note this is an example, please copy your own code
<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>
  • Go into the forked repository and change the repository name in settings; it must match your GitHub account name, which is very important.

Pasted image 20230427132857

  • Modify the content in README.md, copy the code obtained from xlog card into readme.md, and modify other text information according to your needs.

Pasted image 20230427133207

  • Refresh, and you will see this additional content on the right. Click the green button to display the xLog dashboard on your GitHub personal homepage, and the data will sync and update 🌈

Pasted image 20230427133857

Loading...
Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.