ハブREADMEによる構成

バニラを正しく使用して3ヶ月以上の間、バニラの主なプロファイルを整理すべきだと思います.
リファレンスとサイト
ブログ👍
Header，Footer登録
技術スタックアイコンロゴの登録
登録アクセス者数
solved.acバックグラウンド登録
Github Stats登録

完成本

世代小さくて貴重な私の羽毛バニラREADME ver.1連勝.
Header Footer訪問者数テクノロジースタックバッジですac baekjuntierはバニラstatのみ登録しております

では、今から方法を見てみましょう。

1.READMEの作成

まず、自分の羽根センターページに移動し、新しいレジストリを生成します.
レジストリ名自分のバニラIDと同じ名前を入力します.
では、かわいい猫が「今日の特別リポジトリ」というヒントを与えてくれます.
(私はもうできたので、案内してあげました)
❗PublicとAdd a README fileを設定する必要があります❗

2.READMEの作成

レジストリが正常に生成されたら、対応するレジストリに移動します.
上の写真でREADMEmdの横の鉛筆の形をクリックすると、ダウンマークで書くことができるEdit fileが表示されます.
ここで自分の意思でカスタマイズすればいい!😎
✔READMEはタグダウンロード形式なので、いくつかの使い方を知る必要があります.
ダウンスケールの使用方法を通じて自分の必要な文法を推薦してその時に身につける方法!

Header/Footer登録👀

Header，Footer登録
私は上のサイトでHeader、Footerを登録して、Howto useの使い方をコピーして、中で自分の好みに合わせてカスタマイズすればいいです.

![header](https://capsule-render.vercel.app/api?type=waving&color=auto&height=200&section=header&text=Goni%20Archive&fontSize=70)
...
![Footer](https://capsule-render.vercel.app/api?type=waving&color=auto&height=200&section=footer)

一番上と一番下にそれぞれヘッドとFooterを追加しました.
各属性の意味は次のとおりです.

type:HeaderとFooterグラフィックの外観

上の図に示すように、いろいろなタイプがあり、一つずつ適用して、自分が一番好きなものを選べばいいです.手を振ることにしましたが、静的なwaveもいいですが、ダイナミックな感じがしたいです.😎

color:色を指定できます.ランダムに変化するauto値を続けます.

height:HeaderとFooterの長さを決定します.これも数字を変えて、自分の好きな長さを決めることができます.

テキスト:Header、Footerの中央にテキストを配置できます.
✔」スペースにしたい場合は、スペースに「%20」を付けることができます.

フォントサイズ:テキストサイズ

技術スタックアイコンロゴの登録👀

私が主に勉強していること/余分に勉強していること/使っているツールを3つに分けて書きます.😎

<img src="https://img.shields.io/badge/{1}-{2}?style=flat-square&logo={3}&logoColor={4}"/>

上のコードをコピーして、1、2、3、4番で自分の希望する技術によってカスタマイズすればいいです.

1:READMEの名称は、技術名称を記載すればよい.登録したい技術がHTMLであれば、HTMLを書くことができます.

2:技術スタックアイコンスキルを検索し、コードを入力します.コピーする場合は「#E 34 F 26」にコピーし、前の#を外して入力します.

3:適切な技術アイコンの名前を正しく入力します.

4:アイコンの色を指定します.背景が黒の場合は4を白に指定します.

アイコンを一列に並べたい場合は、対応するラベルの横に直接書くことができます.スペースを適用すると、スペースが適用され、参照できます.

<div align="center">
  <img src="https://img.shields.io/badge/HTML-E34F26?style=flat-square&logo=HTML5&logoColor=white"/> <img src="https://img.shields.io/badge/CSS-1572B6?style=flat-square&logo=CSS3&logoColor=white"/> <img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=JavaScript&logoColor=white"/> <img src="https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=React&logoColor=white"/> <img src="https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=white"/> <img src="https://img.shields.io/badge/Redux-764ABC?style=flat-square&logo=Redux&logoColor=white"/>
</div>

皆さんに中央ソートをしてあげたいので、アイコンをdivに囲み、divでalign=「center」で中央ソートを行いました.
✔¥このアイコンをクリックした場合、必要なリンクに移動させるには、imgタグの外にタグを1つ打つだけです.

<a href="https://velog.io/@goni"><img src="https://img.shields.io/badge/Velog-20C997?style=flat-square&logo=Velog&logoColor=white"/></a>

登録アクセス者数👀

登録アクセス者数でTARGET URLにアクセス人数を知りたいサイトを入力し、iconとcolorを設定します.

Add Iconで羽中枢アイコンを追加しました.
設定するたびに結果がプレビューされるので、簡単にカスタマイズできます.
設定したら、下部に3つのリンクがあります.

ここでコピーしてHTML LINKを使いました.

<div align="center">
<a href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fsagongjieun&count_bg=%23000000&title_bg=%23000000&icon=github.svg&icon_color=%23FFFFFF&title=GITHUB&edge_flat=false"/></a> <a href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fking-goni.tistory.com&count_bg=%23000000&title_bg=%23000000&icon=&icon_color=%23000000&title=TISTORY&edge_flat=false"/></a>
</div>

同様に中央ソートが与えられた.

solved.acバックグラウンド登録👀

白俊で問題を解決すれば解決する.acのtierが上がって、solved.acバックグラウンド登録で自分の欲しいバージョンをコピーして使えばいいです.小さなバージョンもあれば、大きなバージョンもあります.私は大きなバージョンを使っています.

[![Solved.ac
프로필](http://mazassumnida.wtf/api/v2/generate_badge?boj={백준 아이디})](https://solved.ac/{백준 아이디})

あなたのアカウントを入力すれば終わります.とても簡単です😎

Github stats登録👀

Github Stats登録を選択すると、statsのほかに、より多くの設定とカスタマイズができます.

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username={깃허브아이디})](https://github.com/{깃허브아이디}/github-readme-stats)

同様に、センターに自分のセンターを入力することもできます.
私が設定した以外に、もっと多くの設定をすることができます!
後で必要なら追加または補充が必要です.😎
README ver.お楽しみに