2025-01-09

SWE

github-readme-statsの言語の色が似てて見にくいので独自に変更する

Git / GitHub

likes: 0

Unsupported Block: table_of_contents

first, secondに来てるのでめっちゃ見にくい…

Unsupported Block: image

Unsupported Block: heading_2

元レポジトリ：

Unsupported Block: link_preview

※ Vercelへのデプロイの仕方などはドキュメント参照

src/common/languageColors.jsonに言語と色のMapがあるので、これを編集する。

自分は以下のように変更した。

“Python”: #0188A9

“TpeScript”: #618DFF

これをコミットしてVercelへのデプロイ完了、ちょっとすれば色が変更されるはず！

元レポジトリのドキュメントだと、Wakatime Statsをカスタムするためのクエリパラメタの説明がなぜか「GitHub Stats Card」項目の中にある。

使ったものを以下に記載。

Unsupported Block: heading_2

// ＊見やすいようにスタイル調整してる

<a href="https://wakatime.com/@masa0902dev">
  <img
	  align="center"
	  width="600"
	  src="
	    https://github-readme-stats.vercel.app/api/wakatime
		  ?username=@masa0902dev  // wakatimeのユーザID
		  &layout=compact         // compact / default
		  &langs_count=16         // テスト表示する言語の数
		  &custom_title=WakaTime%20Stats%20(Top%2016%20Langs)  // タイトル「Wakatime Stats」を編集（%20はURLにおける半角スペースのエンドーディング）
	  "
  />
</a>

実際のREADME Profile

Unsupported Block: bookmark

breadcrumb予定地

profileCard予定地

SideBarPage

共有ボタン予定地

他ボタン予定地