banner
冷板凳

冷板凳

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

xLog synchronizes the cool dashboard with GitHub personal homepage.

Dashboard

🙏Twitter has a teacher named @AlexProgramerOh who shared a solution for synchronizing xLog dashboard to GitHub personal homepage, which looks cool!

Pasted image 20230427131939

As a programming novice, I still don't quite understand how to do it, so I asked for guidance and the divination showed that it can be done ☯️

The method is as follows👇

Pasted image 20230427132509

  • Fill in the name of xLog in xlog card to obtain the dashboard display code. If you don't know the name, you can check it in the settings of xLog backend.

Pasted image 20230427132359

⚠️Note that 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 to the forked repository, and in the settings, change the repository name to match your GitHub account name. This is very important.

Pasted image 20230427132857

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

Pasted image 20230427133207

  • Refresh the page, and there will be an additional section on the right. Click the green button to display the xLog dashboard on your GitHub personal homepage. The data will be synchronized and updated🌈

Pasted image 20230427133857

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