十分鐘小魔法 - 不需要寫程式也不用花錢，10 分鐘架設出專屬於自己的部落格，建立個人品牌 | 使用 Hexo + GitHub

拍完決定把我的部落格復活，架起來大概是這種感覺: https://maojui.me

這支影片會用 Hexo + GitHub Pages 展示如何快速自建部落格，過程不用花任何一毛錢，不需要去租伺服器，也不用租 IP 和 domain ，直接部署好自己的網站，整個過程只需要 10分鐘，你就有一個屬於自己的網站，可以揮灑所學的前端技巧，讓你嘗試各式各樣的語法，不再是自己在一張空空的白紙操作，而是在所有人都能看見的網際網路上，讓你重新燃起寫前端的慾望。

會想錄這個內容是因為身邊蠻多朋友問過我要怎麼架設部落格、購物網站、部署自己履歷/經歷。
但看他們學前端的語法 HTML、CSS 學得很崩潰，何況還沒學會用 CSS 框架 (Bootstrap, SemanticUI) 欸，後面還有花式 JS (VueJs, AngularJS, ReactJS) 御三家在等著他?!
到這裡後端語言一個都還沒學過，要怎麼架設網站？
是要繼續寫 JS 用 expressJS ... 還是要換其他語言來寫後端 ... Python? PHP? Go? Rust? ...

我整理一下自己和朋友們當初學前端的流程，好像都是什麼都不會就直接下去寫的，白痴當久了，有一天突然就什麼都會寫了，但蠻多教學都是直接要你硬尻語法，覺得流程上好像哪裡怪怪的，這樣真的學的會嗎？想說拍個影片分享一下當初自己是如何架設部落格的，希望沒寫過任何程式的新手也能自己架出屬於自己的部落格，在網路上紀錄自己的經歷，分享自己的日常生活，或許還能讓有些人可以和我們一樣跳進這個大坑，在不知不覺中學會各種前端小技巧，深入的學習。

希望我的影片，新手可以吸收，老手也有能從裡面學到些什麼東西

如果看完這部影片對你有所幫助，希望你可以幫忙：
1. 訂閱我的頻道
2. 給這部影片點讚
3. 如果你覺得有趣，也希望你可以分享出去
4. 有什麼問題或希望我做影片的，歡迎留言給我， 我一定盡量回覆

內容概要：
0:00 開場白
0:41 介紹如何十分鐘架設部落格
1:25 介紹伺服器架設的原理
2:55 如何學習寫網頁
3:40 工具整理 - 介紹 Hexo & Github
4:32 安裝 Hexo (+ nodejs : npm)
7:12 Hexo - 建立文章
9:13 Hexo - 新增更多文章
9:50 Hexo - 文章建立標籤
10:13 註冊 GitHub 帳號
10:25 建立 repository
10:50 安裝與使用 GitHub Desktop
11:20 Hexo - 輸出網頁並上傳公開、分享
12:23 變更主題 vexo
14:27 輸出網頁 + Debug
15:43 清除瀏覽器快取
16:12 成為魔法師(X) 工程師 (O)

#freesoftware #自由軟體 #blog #部落格 #寫文章 #分享 #日記 #hexo #framework #javascript #html #css #githubpages #github #教學系列 #自學 #網頁設計 #expressjs #nodejs #前端工程師 #伺服器 #開著的電腦 #IP #domainnames #markdown #md #markdowns #新手 #自學