zoomkoding-gatsby-blog
zoomkoding-gatsby-blog copied to clipboard
π€ μ§λ¬ΈνκΈ°
ν νλ¦Ώ κ΄λ ¨ν΄μ κΆκΈν μ μ΄ μμΌμλ€λ©΄, π μλμ λ¨κ²¨μ£ΌμΈμ! λΉ λ₯΄κ² λ΅λ³λ리λλ‘ νκ² μ΅λλ€~!π
μ°μ.. μ€μ½λ©λ λΈλ‘κ·Έκ° μλ¦λ΅λ€κ³ μκ°νλλ° μ΄λ κ² κ³΅μ ν΄μ£Όμ μ κ°μ¬ν©λλ€~
μμ΄κ³ ~ @jihyunhillparkλ νμ μμν΄μ£Όμ μ κ°μ¬ν©λλΉ~ππ
μλ νμΈμ. 5. Blog λ°°ν¬νκΈ°μμ npm run deploy νλ©΄, Error: gatsby-node.js:40 nextSlug: next?.fields.slug ?? '', ^ SyntaxError: Unexpected token '.' κ° λ μ. gatsby buildκ° μλλ κ² κ°μλ° λκ° λ¬Έμ μΈμ§ λͺ¨λ₯΄κ² μ΄μ
@Ssongs2λ μλ νμΈμ! ν΄λΉ μ΄μλ λ Έλ λ²μ λ¬Έμ λ‘ λ³΄μ΄λλ°μ! κ΄λ ¨ μ΄μ μ°Έκ³ ν΄μ λ Έλλ²μ μ κ·Έλ μ΄λ νμλ©΄ κ°μ΅λλ€!π
λ Έλ λ²μ μ κ·Έλ μ΄λ λ°©λ²μ μ΄ κΈμ μ°Έκ³ νμλ©΄ μ’μ κ² κ°μ΅λλ€! λ°©λ²μ΄ κΈΈμ§ μμ λ°λ‘ μκ°ν΄λ리면
Ubuntu Linux/Mac: λ€μ λͺ λ Ήμ΄ μ€ννκΈ°
sudo npm install n -g
sudo n stable
Window: ννμ΄μ§μμ μ¬μ€μΉ
μλ νμΈμ~ Gatsby λΈλ‘κ·Έ λ§λ€λ €λ μ°¨μ μ’μ κΈ λ¨κ²¨μ£Όμ μ κ°μ¬ν©λλ€~
- Blog λ°°ν¬νκΈ° μΉμ μ npm run deploy μ run μν€λ©΄
npm ERR! code EJSONPARSE npm ERR! file C:\Users\Username\Desktop\μ λΉ\JUNG-BIN-KIM.github.io\package.json npm ERR! JSON.parse Failed to parse json npm ERR! JSON.parse Unexpected string in JSON at position 2100 while parsing '{ npm ERR! JSON.parse "name": "zoomkoding.com", npm ERR! JSON.parse "priva' npm ERR! JSON.parse Failed to parse package.json data. npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Username\AppData\Roaming\npm-cache_logs\2021-08-08T16_03_11_820Z-debug.log
λΌλ μλ¬ λ©μΈμ§κ° λ¨λλ°μ, νΉμ μ΄λ€ λΆλΆμ΄ μλͺ»λκ±΄μ§ λλ΅μ μΌλ‘λΌλ μ μ μμκΉμ?
@JUNG-BIN-KIM λ μλ νμΈμ! ν΄λΉ μ΄μλ package.json νμΌμ λ΄μ©μ λ΄μΌ μ μ μμ κ² κ°μ΅λλ€! package.json λ΄μ©μ ν¬ν¨ν΄μ μ΄μ λ¨κ²¨μ£Όμλ©΄ νμΈν΄λ³΄κ² μ΅λλ€!
μλ νμΈμ! λΈλ‘κ·Έκ° μ’μμ λ°λΌν΄λ³΄λ μ€μΈλ° νΉμ 4λ² νλͺ©μ΄ package.jsonμ΄ μλ packages.jsonμ΄ λ§λμ??
@JooEHyeonλ μλ νμΈμ~! λΈλ‘κ·Έ κ΄μ¬ κ°μ Έμ£Όμ μ κ°μ¬ν©λλ€π λ€ μ€νκ° μμλ€μ, package.jsonμ΄ λ§μ΅λλ€..! λ€λ₯Έ λΆλ€λ μ€ν΄νμ€ μ μμμν λ° μλ €μ£Όμ μ κ°μ¬ν©λλ€!π
λ¨Όμ μ΄λ κ² μ’μ λΈλ‘κ·Έ λ§λ€ μ μλ λ°©λ²μ μλ €μ£Όμ μ κ°μ¬ν©λλ€!! μλ €μ£Όμ λλ‘ λ°λΌνλλ° https://free-ko.github.io/ λ‘ λ€μ΄κ°λ³΄λ README λ΄μ©μ΄ λμ€λκ² λ¨λλ° μ΄κ² λ§μκΉμ?
@free-koλ μλ νμΈμ! μ λΈλ‘κ·Έ ν λ§λ₯Ό μ¨μ£Όμ μ κ°μ¬ν©λλ€π€© μ κ° μ μν΄λ³΄λ ν λ§κ° μ μ©λ νμ΄μ§κ° λμ€λλ°μ! λ€μ νλ² νμΈν΄λ³΄μκ² μ΄μ?γ γ μλ§ deployνκ³ μΉνμ΄μ§μ λ°μλκΈ° κΉμ§ μκ°μ΄ μ’ κ±Έλ Έλ κ² κ°μ΅λλ€!
μ λμ€λ€μ!! γ γ κ°μ¬ν©λλ€!!!
zoomKodingλ μλ νμΈμ! Gatsby ν λ§λ‘ Github Blogλ₯Ό λ§λ€μ΄λ³΄λ €λ€κ° μ μλμ΄μπ’ μ΄μμ νμ¬ μν©μ λ¨κ²¨λμμ΅λλ€. μκ° λμ€ λ μ΄λ»κ² ν΄κ²°ν μ μλμ§ λμμ£Όμ€ μ μμκΉμ? λΆνλλ €μ©!
zoomKodingλκ»μ λμμ£Όμ μ ν΄κ²°νμ΅λλ€. ν΄κ²°ν λ°©λ²μ μ¬κΈ°μ μμ΅λλ€π€
@taehyunk124λ μλ νμΈμ~! μ£Όλ§λμ μΌμ΄ μμ΄μ μ΄μλ₯Ό μ΄μ νμΈνμ΅λλ€! π λ§μν΄μ£Όμ λ¬Έμ λ μ λ μ²μ 보λ μ΄μλΌ μ€λ λ°€μ νμΈν΄λ³΄κ³ μ°λ½λλ¦¬κ² μ΅λλ€~!π
μ§νλ~ κΆκΈνκ² μμ΄μ λ μ§λ¬Έν©λλ€~π λ¨Όμ μ 곡ν΄μ£Όμ ν λ§ μ μ°κ³ μμ΅λλ€~ λ€λ¦μ΄ μλλΌ κΈ°μ‘΄ ν λ§μ μΈλ€μΌ GIF λ―Έλͺ¨ν°μ½μ λ³κ²½νκ³ μΆμ΄μ μμ νλλ° μ λμ§ μλλΌκ΅¬μ γ γ ;; μ΄ν°μΌλ‘ λ―Έλͺ¨ν°μ½ λ§λ€μ΄μ λ ΈνΈλΆμΌλ‘ μ λ¬ν΄ λ€μ΄λ‘λ νλ©΄ mov νμΌμ gifλ‘ λ³κ²½ν΄μ μ μ©ν΄λ΄€λλ λͺ¨μ μ΄ μμ² λλ € μ§λλ°, νΉμ λ―Έλͺ¨ν°μ½ GIFλ₯Ό μ΄λ»κ² λ§λ€μλμ§ κΆκΈν΄μ μ§λ¬Έ μ¬λ €λλ €μ γ γ
@free-koλ μλ νμΈμ! λ―Έλͺ¨ν°μ½ GIFλ‘ λ³ννλ λ°©λ²μ μ¬λ €μΌμ§ νλλ° λ§μΉ¨ λ¬Όμ΄λ΄μ£Όμ μ κΈλ‘ μμ±ν΄λ΄€μ΅λλ€! μμ§μ΄λ λ―Έλͺ¨ν°μ½ GIF μμ±νκΈ° κΈμ μ°Έκ³ νμλ©΄ λ κ² κ°μ΅λλ€!π
κ°μ¬ν©λλ€!! γ γ
μλ νμΈμ λΈλ‘κ·Έλ₯Ό μ°Έμ‘°νμ¬ 2κ°μ§ μλλ λΆλΆμ΄μμ΄μ ν΄κ²°ν λΆλΆμ΄μλλ°μ λμμ΄ λ κΉλ΄ μ¬λ €λ΄ λλ€.
- git-pages λΈλμΉκ° μ΄λ―Έ μλ€κ³ μλ¬κ°λΈ -> rm -rf node_modules/.cashe/gh-pages μμ (node_modules/gh-pages/.cashe μ κ²½λ‘κ°μλ)
- password μ λ ₯νλΌκ³ ν΄μ λΉλ°λ²νΈ μ λ ₯νλλ° μΈμ¦μ΄μλ¨ -> ν ν°μ λ ₯λ°©μμΌλ‘ λ°λμ΄μ λ³ΈμΈ λ벨λ‘μΈν μκ°μ ν ν° μμ±ν ν ν° μ λ ₯ν΄μΌλ¨
@kdh92417λ μλ νμΈμ! @taehyunk124λλ λ§μν΄μ£Όμ λΆλΆκ³Ό κ°μ μ΄μμκ³ κ°μ λ°©λ²μΌλ‘ ν΄κ²°νμ ¨λ€κ³ νλ€μ!π μ’μ μ견 λ¨κ²¨μ£Όμ μ κ°μ¬ν©λλ€!π
μλ νμΈμ μ§νλ μ κ° κ΅¬κΈλ ΈμΆμ μλν΄λ³΄κ³ μλλ°, Google Analytics Tracking IDλ₯Ό λ°κΈνκ³ URLκΉμ§λ λ±λ‘νλλ° μ£Όμ΄μ§ advanced sitemapμΌλ‘ ꡬκΈμμΉμ½μμμ μ¬μ΄νΈλ§΅μ κ°μ Έμ€κ³ μΆμλ°, κ³μ κ°μ Έ μ¬μ μλ€κ³ ν΄μμ γ γ 무μ¨μ€λ₯μΈμ§λ λͺ¨λ₯΄κ² κ³ .. νΉμ μ§νλμ ꡬκΈμμΉμ½μμμ μ¬μ΄νΈλ§΅μ μ΄λ»κ² λ±λ‘νμ ¨λμ?
@kdh92417 λ μλ
νμΈμ!
μ λ μμΉ μ½μμ μλμ κ°μ΄ /sitemap.xml
κ³Ό sitemap-pages.xml
μ΄λ κ² λκ°λ₯Ό λ±λ‘ν΄λμμ΅λλ€!
νΉμ μ§μμ μΌλ‘ λ¬Έμ κ° μμΌμλ€λ©΄, ꡬ체μ μΈ λ΄μ©μ ν¬ν¨ν΄μ μ΄μ λ¨κ²¨μ£Όμλ©΄ νμΈν΄λ³΄κ² μ΅λλ€!π
μλ
νμΈμ @zoomKoding λ! μ κ° Branchμ λν΄μ μλ²½ν μ΄ν΄λ₯Ό νμ§ λͺ»ν΄μμΈμ§λ λͺ¨λ₯΄κ² μ§λ§..κΆκΈνκ² μμ΅λλ€!
8.μμ νκ³ λ°°ν¬νκΈ° μμ Branchκ° μ΄ μΈ κ°(master, gh-pages, docs) μλλ°μ. λ³κ²½ μ¬νλ€μ λν λͺ¨λ commitμ μΈ Branch μ€ gh-pagesλ‘ νκ³ λλ¨Έμ§λ 건λ릴 νμκ° μλ κ²μΈκ°μ?
@taehyunk124λ μλ νμΈμ! λ§μνμ λλ‘ λ€λ₯Έ λΈλμΉμ μκ΄μμ΄ gh-pagesλ‘ deployνκ² λλ©΄ λΈλ‘κ·Έκ° λ³κ²½λλ κ±Έ νμΈνμ€ μ μμ΅λλ€! κ·Έλ¦¬κ³ master, docsμ 컀λ°μ νΈμ¬νλλΌλ gh-pagesλ‘ deployνμ§ μμΌμλ©΄ λ³λμ¬νμ΄ λ°°ν¬λ μΉμ λ°μλμ§ μλλ€λ μ μ°Έκ³ ν΄μ£ΌμΈμ π
μ€ κ·Έλ κ΅°μ! μλ €μ£Όμ μ κ°μ¬ν©λλ€π
ν λ§κ° λ무 μ΄μ©λλ€γ γ κ°μ¬ν μ μ¬μ©νκ² μ΅λλ€!
@zellyshu λ μλ νμΈμ~! ν λ§ μμ¨μ£Όμ μ κ°μ¬ν©λλ€γ γ μ°μλ€κ° νμν κΈ°λ₯μ΄λ κΆκΈνμ μ μ΄ μμΌμλ€λ©΄ μΈμ λ μ§ μ΄μ λ¨κ²¨μ£ΌμΈμ~π
@zoomkoding λ μλ νμΈμ! λΈλ‘κ·Έλ₯Ό κΉνμ μ¬λ¦΄λ μ΄λ° μ€λ₯κ° λλλ° μ΄μ λ₯Ό λͺ¨λ₯΄κ² μ΅λλ€...
info Done building in 69.3730617 sec
Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option).
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] deploy: `gatsby build && gh-pages -d public`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] deploy script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\<username>\AppData\Roaming\npm-cache\_logs\2021-10-26T08_46_01_685Z-debug.log
κΉνμ push
λ₯Ό λͺ»νλ κ² κ°μλ°... μμΈμ μμλμ..?
@ywbirdλ μλ
νμΈμ!
κ΄λ ¨ μλ¬ κ²μν΄λ³΄λ λ€λ₯Έ λΆμ΄ μ¬λ €μ£Όμ μ΄μκ° λμ€λ€μ!
곡κ°μ΄ λ§μ μ견μ 보면 command μ°½μ git remote -v
λͺ
λ Ήμ΄λ₯Ό μ
λ ₯νμ λ,
originμ΄λΌκ³ λͺ
μλ κ²μ΄ μλ€λ©΄ μλ λͺ
λ Ήμ΄λ‘ originμ ν΄λΉνλ λ ν¬λ₯Ό μΆκ°ν΄μ€μΌ νλ€κ³ νλ€μ.
git remote add origin <repository url>
κ·Έλ¦¬κ³ λ€μ λ°°ν¬ μ§νν΄λ³΄μλ©΄ μ’μ κ² κ°μ΅λλ€! μ°Έκ³ λ‘ μ νκ²½μμ git remote -v λͺ λ Ήμ΄λ₯Ό μ€ννμλ κ²°κ³Όλ μλμ²λΌ λμ΅λλ€.
origin https://github.com/zoomKoding/zoomkoding.com.git (fetch)
origin https://github.com/zoomKoding/zoomkoding.com.git (push)
μ€μ½λ©λ λλΆμ λΈλ‘κ·Έ μ λ§λ€μμ΄μ!!! κ°μ¬ν©λλ€~!!!