第一次就上手-技術部落格-GitHub Blog Build
入門Git最好的方式就是寫一個技術博客
手把手帶你快速建立部落格Blog…
在這之前,電腦須先安裝Git…是的只需要它!
你可以使用官方建議的jekll or Gatsby or Hexo 等…
Please Google!
這裡用Gatsby 理所當然就是為了React 當然還需要GitHub Account
- 主體架構建立
npm install -g gatsby
gatsby new blog https://github.com/wpioneer/gatsby-starter-lumen
cd blog
git init
git add .
git commit -m "第一次上傳框架包到master"
//注意輸入你的帳號
git remote add origin https://github.com/ {username} /blog.git
git push
//2017-11-12 Upgrade..
遇到fatal: refusing to merge unrelated histories
這是因為git2.9之後禁止沒有共同histories關係的合併
加上--allow-unrelated-histories即可
- 靜態網頁建立
- 根目錄找config.toml,修改linkPrefix=“github建立的repository name”
gatsby build --prefix-links
cd public
git init
git add .
git commit -m "靜態頁面上傳"
//選擇或創建;用此分支有原因的,雖然現在通用,不過大家還是都習慣這樣做
git checkout -b gh-pages
git push -u origin gh-pages
- https://XXXXXX.github.io/blog/ X改成你的Github Acc就好了
- 需要自己理解學習的重點檔案
- .gitignore
- config.toml
- pages folder 裡面就是放你的文章
- Markdown教學
- 另外可以設置 Snippet 之後就很方便初始化
"Markdown Init header": {
"prefix": "markdowninit",
"body": [
"---",
"title: '$1'",
"date: '$2'",
"layout: post",
"path: '$3'",
"readNext: '$4'",
"category: '$5'",
"description: '$6'",
"---"
],
"description": "Markdown Init header"
}
Published 23 Apr 2017