banner
冷板凳

冷板凳

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

xLog はクールなダッシュボードを GitHub の個人ページと同期します

ダッシュボード

🙏Twitter に @AlexProgramerOh という先生がいて、xLog ダッシュボードを GitHub の個人ページに同期する方法を共有してくれました。とてもかっこいいと思います!

Pasted image 20230427131939

プログラミング初心者の私には、どうやって実現するのかよくわからなかったので、もう一度占ってみました。卦象は、やってみることができると示しています☯️

方法は以下の通りです👇

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>
  • 先ほどフォークしたリポジトリに入り、settings でリポジトリ名を変更します。GitHub アカウント名と一致させる必要があります。これは非常に重要です。
    Pasted image 20230427132857

  • README.md の内容を変更し、先ほど xlog card で得たコードを readme.md にコピーし、自分のニーズに応じて他のテキスト情報を修正します。

Pasted image 20230427133207

  • 更新すると、右側にこの内容が追加され、緑のボタンをクリックすると GitHub の個人ページに xLog ダッシュボードが表示され、データが同期更新されます🌈

Pasted image 20230427133857

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。