Skip to content

GitHub Pages โ€‹

ไธบๆ‚จๅ’Œๆ‚จ็š„้กน็›ฎๆไพ›็š„็ฝ‘็ซ™ใ€‚ ็›ดๆŽฅไปŽๆ‚จ็š„ GitHub ๅญ˜ๅ‚จๅบ“ๆ‰˜็ฎกใ€‚ๅช้œ€็ผ–่พ‘ใ€ๆŽจ้€๏ผŒๆ‚จ็š„ๆ›ดๆ”นๅณๅฏไธŠ็บฟใ€‚

https://pages.github.com/

ๅˆ›ๅปบ โ€‹

  • ็”จๆˆท็ป„/็ป„็ป‡็ซ™็‚น

    1. ๅˆ›ๅปบไธ€ไธชๅไธบ username.github.io ็š„ๆ–ฐๅ…ฌๅ…ฑๅญ˜ๅ‚จๅบ“.๏ผˆๅฐ† username ๆ›ฟๆขไธบไฝ ็š„ GitHub ็”จๆˆทๅ๏ผ‰ใ€‚
    2. ่ฎฟ้—ฎ https://yourusername.github.io
  • ้กน็›ฎ็ซ™็‚น

    1. ๅˆ›ๅปบไธ€ไธชๆ™ฎ้€š็š„ๆ–ฐๅ…ฌๅ…ฑๅญ˜ๅ‚จๅบ“ ไพ‹ๅฆ‚ repo
    2. ่ฎฟ้—ฎ https://yourusername.github.io/repo

ไฝฟ็”จ gh-pages ๅ‘ๅธƒ็ฝ‘็ซ™ๅˆฐ github pages โ€‹

sh
npm i gh-pages -D
diff
# package.json
+ "homepage": "https://username.github.io/repo",
"scripts": {
# ็”Ÿๅ‘ฝๅ‘จๆœŸ pre ๅœจ้ƒจ็ฝฒไน‹ๅ‰่ฟ่กŒๆž„ๅปบ่„šๆœฌ build
+    "predeploy": "yarn run build",
+    "deploy": "gh-pages -d dist",
# ๅฐ†ๆž„ๅปบๅŽ็š„ๆ–‡ไปถ dist ไธŠไผ ๅˆฐ gh-pages ๅˆ†ๆ”ฏ
}
sh
npm run deploy

>>>
Published
โœจ  Done in 69.89s.

# ๆต่งˆๅ™จๆ‰“ๅผ€ `https://username.github.io/repo`๏ผˆhomepage็š„ๅ€ผ๏ผ‰ๅณๅฏๆŸฅ็œ‹

Released under the MIT License.