一手打造你的專屬網誌－Hexo 簡介及教學

2016 - 04 - 07 @ NCC x 第二次社聚

Transcript

1. Ұखଧ଄㟬తሢሱ໢ࢽ
   Hexo
   ؆հٴڭላ 2016 - 04 - 07 @ NCC
   x
   ୈೋ࣍ࣾᡉ
   Irene Chang
3. ॄኄੋ
   ໢ࢽᐽՍ（Blog Framework）ʁ ‣ ෆಉԙ WordPress, Tumblr, Blogger ౳ઢ্໢ࢽฏ ୆ɼ໢ࢽᐽՍՄҎᩋ㟬ࡏࣗݾతిᡵ᫊ᱷฤሜจষɻ
   ‣ ୞धཁᯩଶ໢ท（ex. GitHub Pages）త෰຿बೳ᫊ ᱷՍઃ㟬త໢ࢽɻ
   ‣ ໢ࢽฏ୆ఏڙ㚎ݐฤाثᢛଟᒬత౟݅ɼ૬ֱ೭Լɼ ໢ࢽᐽՍڧௐ؆ᄸᢛ௚઀ɼᩋ㟬ߋሢ஫ࡏሜ࡞্ɻ
4. https://ghost.org/ https://jekyllrb.com/ http://octopress.org/
5. շ଎ɺ؆ᄸ׌ڧେత໢ࢽᐽՍ https://hexo.io/zh-tw/ தจ൛จ݅ʂ
6. ҆᧋
   Node.js A https://nodejs.org/
7. ҆᧋
   Hexo
   ౟݅ $ npm install hexo-cli -g B
8. GitHub ‣ զ၇ሡ။೺໢ࢽՍઃࡏ GitHub Pages ্ɼ㟬။धཁ༗Ұ ૊
   GitHub
   తாᥒ
   ‣ 㟬ՄҎબᎩՍઃࡏݸਓత username.github.io 
 ҃ऀ
   username.github.io/blog/ ‣ ݐཱҰݸ৽త
   repositoryɼ໋໊
   blog C
9. ݐཱ৽໢ࢽ D ‣ ሡ
   repository
   ፛Լိɼฒݐཱ
   Hexo
   ؀ڥ $ git clone github.com/user/repository.git $ cd repository $ hexo init $ npm install $ npm install hexo-deployer-git --save
10. ։࢝ሜจষ㠧ʂ E $ hexo new "title" ‣ Hexo
    ࢖༻
    Markdown
    ֨ࣜိฤሜ㚎จɼMarkdown
    త໨ ඪੋመݱʮқᩇқሜʯɼख़࿅೭ޙศՄҎ኷༗Ꮘ཰஍કሜ จষ
    ‣ ࢖༻
    Mac
    త๎༑ɼਪન
    Markdown
    ฤሜೈᱪɿ
    MacDown（http://macdown.uranusjr.com/）
11. ሢҊࢿྉᇄ݁ߏ . ├── _config.yml ├── package.json ├── scaffolds ├── scripts ├── source | ├── _drafts | └── _posts └── themes ‣ ৽ ⃧ త จ ষ ။ ์ ࡏ ༬ ઃ త
    ./source/_posts ࢿ ྉᇄ೭Լɻ࢖༻㟬تѪతฤ ाث։࢝ሜจষ㠧ʂ
12. ߋ৽ᯩଶท໘ F $ hexo generate ‣ 編輯或修改完後，⼿手動產⽣生 / 更新靜態⾴頁⾯面
13. 啟ಈ࢕෰ث G $ hexo server ‣ Hexo
    ༬ઃత࿈઀෈ੋ
    ɼ࢖༻ᖣ᧸ث։啟
    localhost:4000
    बೳࡏࣗݾతిᡵ௚઀ᖣ᧸໢ࢽ
    
14. ٬੡Խ㟬త໢ࢽ H ‣ मվࠜ໨㑚త
    _config.yml
    䈕Ҋ
    ‣ ڐଟ
    Hexo
    త࢖༻ऀఏڙଟᒬతओ୊ɼ༗ڵझత๎༑ՄҎ ჩߟɿhttps://hexo.io/themes/
15. ෦ॺઃఆ I # URL url: http://username.github.io/blog root: /blog/ ‣ मվ
    _config.yml 䈕ɿ # Deployment deploy: type: git repo: https://github.com/username/blog branch: gh-pages
16. ਪ౸
    GitHub Page J $ hexo deploy ‣ ׬੒ޙɼबՄҎࡏ
    http://username.github.io(/blog/) ؃౸ 㟬త໢ࢽ㡎ʂʢ
    ෦ॺޙधཁ౳଴ز෼৊࠽။׬੔ߋ৽
    ʣ
17. ߋ৽ K $ hexo generate -d ‣ ৽⃧҃मվ೭ޙɼ௚઀㗞ੜ৽ท໘ฒ෦ॺ౸ઢ্ɻ
18. ׭ํதจ൛จ݅ɿhttps://hexo.io/zh-tw/ ᓣܴᨑ໰Ҏٴ࣋᠃௥᪦զ
    :-) http://irene84111.github.io/blog Thank You!