TIL|Jekyllを使用したポートフォリオの作成

TIL(3)-静的WebサイトジェネレータJekyllを使用して、ポートフォリオを作成してみます.
ポートフォリオに入る項目は一つもありませんが、時間があれば早めに作ったほうがいいので始めました.
※詳細な変更方法は、他シリーズの追加を検討中です.
ポートフォリオを作る前に、事前作業が必要です.
1.Jekyll themesを選択
2.Rubyインストール-ローカルサーバドライバロール

1.テンプレートクローン&ローカルサーバドライバ

▶使用を決定したテンプレートコードをダウンロードしてファイルを圧縮し、必要な場所に解凍します.
※GihubリポジトリForkを導入する方法もあります.
▶フォルダに入り、Vscode(または他のIDE)を実行し、Terminalに次のコードを順次入力します.
cmd言語をUnicodeに変更するコマンド

chcp 65001

Gemコマンドを使用したライブラリのインストール

gem install bundler jekyll minima jekyll-feed tzinfo-data rdiscount

バンドルインストール

bundle install

サーバドライバ命令

bundle exec jekyll serve

▶http://127.0.0.1:400接続でサーバーが起動していることを確認できます.

2.独自のポートフォリオをカスタマイズ

選択したテンプレートごとにディレクトリ構造が異なりますが、通常は次のようにカスタマイズされます.

_config.yml : Jekyll 동작과 관련한 설정을 담고 있는 파일이다.
(수정사항을 반영하려면 서버를 중단하고 다시 빌드해야한다.)

_includes : footer/header/navbar 등에 관한 HTML, css 파일이 저장된 폴더이다.
(자주 사용되는 코드들을 따로 관리하는 곳이다.)

_layouts : 하위 webpage에 대한 템플릿을 모아둔 폴더이다.
(디자인과 직접적으로 관련된 파일들이 저장되어있다.)

※ _includes와 _layouts의 차이가 모호해서 '그냥 이런 파일들이 있구나`라는 느낌정도만 가지고 가면 될 것 같다.

_posts : 글을 작성하고 저장하는 폴더이다. 마크업 언어(주로 마크다운을 사용하고 HTML도 지원)를 사용해 작성한다.

3.管理

▶Githubに新しいリポジトリを作成します.
▶Repository nameは이름.github.ioに設定されています.
(Githubアカウントは1つのアドレス이름.github.ioしか生成できません.)

▶url部分を_config.ymlファイルでhttps://名前。github.ioに変更し、サーバを再実行して停止します.
▶Terminalに次のコードを入力して送信およびプッシュします.

git init
git add -A
git commit -m "Create a portfolio"
git branch -M main
git remote add origin https://github.com/user명/이름.github.io.git
git push -u origin main

▶それぞれに設定された이름.github.ioアドレスに接続し、管理が順調であることを確認します.