GitHub Pagesの導入

1255 ワード
github pages github 配置 テキストリンク

CRAを設定すると、github pagesを使用して行われたアイテムが配布されます。


1.リポジトリを作成します。

git init 프로젝트를 깃의 관리하에 둔다.
git add * .gitignore 파일 제외하고 모두 저장.
git commit -m 'first commit' commit 한 뒤,
git remote add origin https://github.com/heyho-time/resume.git 깃 저장소 연결
git push -u origin master master로 push.

2.gh-pagesパッケージをインストールします。


npm install gh-pages--save-dev//端末で入力

3. package.jsonにhomepageアドレスを追加します。


http://{ユーザ名}です.github.IO/{リポジトリ名}

4.scriptセクションにpredeployとdeployを追加します。


"scripts": {
//...
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
}

5.npm run配備を保存し、端末上で実行します。


6.githubリポジトリのSettings->Pagesで


ブランチをgh-pagesに変換します.

😰配布後、画像が出ません!

  • public->イメージフォルダ、
    • を使用
  • パスを確認します.
  • 絶対パスを使用する必要があります.⭐️
    • 新しいものは加えました
    12-Toy-Problemの解決