Torihaji's Growth Diary

Little by little, no hurry.

Githubをおしゃんにする。

はじめに

みなさん、こんにちは torihaziです

暑いです。暑すぎます。早く。涼しくなってください。

Githubをおしゃん計画を始めました。

まだまだアレですが、一旦いい感じじゃないでしょうか。

と言うことでレッツゴーです。

github.com

私のGithubのやつを秒でパクるなら!

下のコードをコピーしてtorihaziと言うところをご自身のユーザ名に変更してください!

あとは スキルのアイコンを変えてください!

対応するアイコンの名前はこちらを参考に!

https://github.com/tandpfun/skill-icons

多分それで全部動きます!

<h1 align="center">
  <a href="https://git.io/typing-svg"><img src="https://readme-typing-svg.demolab.com?font=Fira+Code&size=40&pause=800&center=true&vCenter=true&width=600&height=100&lines=Hello+there+%F0%9F%91%8B;This+is+torihazi+" alt="Typing SVG" />
  </a>
</h1>


<h3 align="center">:star:Passionate full-stack engineer: Code smart, dream big.:star:</h3>

<div align="center">

🚀 Passionate full-stack engineer: Crafting elegant solutions across the digital spectrum.

💡 Front-end wizard with full-stack aspirations, turning complex challenges into user-friendly experiences.

🌍 Tech nomad in the making: Dreaming of solving global puzzles through code and creativity.

⚽ Off-hours: Cheering for the Premier League's finest.

🍜 Foodie coder: Exploring culinary wonders when away from the keyboard.

</div>

<div align="center">
  Contact me 
  <br />
  
  [![Twitter Follow](https://img.shields.io/twitter/follow/torihazi?style=social)](https://twitter.com/torihazi)
</div>


<h2 align="center">:dog:Languages & tools:dog:</h2>

<p align="center">
  <a href="https://skillicons.dev">
    <img src="https://skillicons.dev/icons?i=js,ts,react,nextjs,nodejs,rails,ruby,py,php,html,css,postgres,linux,bash,docker,git,pnpm,vscode,vim" />
  </a>
</p>

<h3 align="center">:dog:Want :dog:</h3>

<p align="center">
  <a href="https://skillicons.dev">
    <img src="https://skillicons.dev/icons?i=go,htmx,terraform,aws,gcp,redis,graphql" />
  </a>
</p>


<h2 align="center">:pencil:Activities:pencil:</h2>

<a href="https://github.com/ashutosh00710/github-readme-activity-graph">
  <img src="https://github-readme-activity-graph.vercel.app/graph?username=torihazi&bg_color=000000&color=ffffff&line=36BCF7&point=ffffff&area=true&area_color=36BCF7&hide_border=true&custom_title=torihazi's%20Contribution%20Graph&title_color=36BCF7" alt="torihazi's github activity graph" />
</a>


<div align="center">
  <div style="display: flex;" >
    <img src="https://github-readme-stats.vercel.app/api?username=torihazi&show_icons=true&theme=tokyonight&hide_border=true&bg_color=1a1b27&title_color=36BCF7&icon_color=36BCF7&text_color=ffffff&ring_color=36BCF7&card_width=320" />
    <img src="https://streak-stats.demolab.com/?user=DenverCoder1&background=1a1b27&border=ffffff&ring=36BCF7&fire=36BCF7&currStreakNum=36BCF7&currStreakLabel=36BCF7&sideNums=36BCF7&sideLabels=36BCF7&dates=ffffff&excludeDaysLabel=ffffff&card_height=195&card_width=400" />
  </div>
</div>

</div>



<div align="center" >
  <a href="https://github.com/torihazi/github-readme-stats">
    <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=torihazi&layout=normal&theme=tokyonight&bg_color=000000&title_color=36BCF7&text_color=ffffff&icon_color=36BCF7&hide_border=true&card_width=400&langs_count=6" alt="Top Langs" />
  </a>
</div>

作り方

自身のGithubを開き、新しいリポジトリ作成画面に飛んでください

そこでリポジトリ名を自身のユーザ名にするとなんかいつもと違う感じになります。

Add Readmeのチェック忘れずに。

あとはmarkdownでガチャガチャ編集するのみ!!

今回使ったもの

最初のアニメーション github.com

グラフ github.com

Github Statsとかよく使ってる言語ランキング github.com

アイコン github.com

終わりに

意外と設定できるパラメータが多くて、凝るのは大変でした!

ただ「こいつ、できる。。」みたいな感じを醸し出せるので

暇な人はやってみてください〜〜

テンション上がりますよ〜〜

一瞬ね。