banner
冷板凳

冷板凳

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

xLogはGitHubの個人ページとカッコいいダッシュボードを同期します。

仪表盘

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

Pasted image 20230427131939

プログラミング初心者の私は、具体的にどのように実現するのかよくわかりませんでしたので、占いをしました。占いの結果、やってみることができると示されました☯️

手順は以下の通りです👇

Pasted image 20230427132509

  • xlog card に xLog の名前を入力し、ダッシュボード表示コードを取得します。この名前がわからない場合は、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 したリポジトリに移動し、設定でリポジトリ名を変更します。GitHub のアカウント名と同じである必要があります。この点は非常に重要です。

Pasted image 20230427132857

  • README.mdの内容を変更し、先ほどxlog cardで取得したコードを readme.md にコピーし、他のテキスト情報を自分の要件に合わせて変更します。

Pasted image 20230427133207

  • リフレッシュすると、右側にこのコンテンツが表示され、緑のボタンをクリックすると GitHub の個人ページに xLog ダッシュボードが表示され、データが同期されます🌈

Pasted image 20230427133857

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