はじめに
みなさん、こんにちは torihaziです
暑いです。暑すぎます。早く。涼しくなってください。
Githubをおしゃん計画を始めました。
まだまだアレですが、一旦いい感じじゃないでしょうか。
と言うことでレッツゴーです。
私の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¢er=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
終わりに
意外と設定できるパラメータが多くて、凝るのは大変でした!
ただ「こいつ、できる。。」みたいな感じを醸し出せるので
暇な人はやってみてください〜〜
テンション上がりますよ〜〜
一瞬ね。