All Articles

第一次就上手-技術部落格-GitHub Blog Build

入門Git最好的方式就是寫一個技術博客

如果以後才操作請點我進來加星


手把手帶你快速建立部落格Blog…

在這之前,電腦須先安裝Git…是的只需要它!

你可以使用官方建議的jekll or Gatsby or Hexo 等…

Please Google!

這裡用Gatsby 理所當然就是為了React 當然還需要GitHub Account

  1. 主體架構建立
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即可
  1. 靜態網頁建立
  • 根目錄找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  
  1. 需要自己理解學習的重點檔案
    • .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