寫給自己架站初心者,一起來GHOST
Markdown / Navigation / Theme

搬家到GHOST了,感謝我媽!工程師當媽 = 回家可以奴役工程師XD 媽媽母親節快樂!
在udn校園記者時期開了部落格,乘載了10年青春,但介面固定、視覺日益複雜化,還是讓不安定的靈魂決定搬家。
GHOST部落格就真的簡化功能只剩下「部落格」,十分清爽,對於程式初學者入門會嚇到,但其實真是非常簡單的架站原理喔,一起來玩吧,這篇會看到的東西有:
- 使用Markdown
- 設定短網址、出版日期
- 使用Tag和Navigation為文章分類
- 使用Theme並且去適應背景版型
來吧,開站啦
第一當然是GHOST的全英文介面,只能說多點耐心,有時每個英文字都看得懂,湊起來就不懂啊,工程師中文就已經看不懂了,何況是工程師英文。
這時候只有靠滿滿的愛了。
純~淨的編輯世界
申請了帳號,一打開編輯頁長這樣,是不是很驚嚇。
不倒退三十步,就不是一類組。
GHOST使用Markdown,每一個效果和功能都是複製貼上可愛的code而成,每一張圖、每一個內文連結都要自己定義,會漸漸進入這個樂趣的,歡迎參考Markdown教學
在New Post可以發布新文,發布幾篇文章再來選擇部落格主題會比較合適,可以抓出你部落格的基調,先發幾篇文章測試吧。
設定你的專屬小心機
每一篇文章編輯時,除了和Markdown奮鬥,記得都要點右上方工具小符號,設定屬於這一篇的所有細節。
選擇首圖之後,記得自訂短網址,不自訂網址他就給你英翻中的拼音音譯喔,網址超長的十幾二十個音節,驚悚畫面媲美符咒,記得一定要改掉。
發文日期時間可以回溯自舊文出版,定義好幾年前也是可以的。
Tags選一兩個關鍵字,不要卯起來下一大堆,後面講。
對SEO特有想法的朋友,更可以動腦筋增加部落格權重。
自訂分類和導航
在Tags幫自己下的幾個文章標籤編好圖片與網址,記得不要放著不管,不然網址又會呈現中翻英音譯羅馬拼音的鬼畫符。
再來到Navigation設定自己想要的文章分類。
接著就可以在首頁看到自己想要的分類了。
設定背景和資料架構
在General設定想要呈現的作者資料、圖片和標語。
接著進入Theme來選定背景囉,按下CHANGE THEME!
點擊上方 MarketPlace
會進入桌面與主題選擇,免費版型就夠你玩了,要在結構裡面加的語法也一次放進去上傳ZIP,這後面會再開篇幅講。
測試桌面期間眼花繚亂的,記得截圖處理,有版型極簡、有版型極繁複,不想要放的欄位例如首圖、作者照,都回到General上下資料即可。
也有完全沒有視覺,只有大頭圖+文章表列的呈現背景架構,所以說一開始先上好數篇文章,再回頭來選定適合自己屬性的背景。
例如設計師適合以大圖多圖為主的背景主題,文字工作者適合文字列表為主的呈現,都要靠作品集堆疊
Mobile移動時代,能跟著手機做視覺呈現的網頁設計當道,記得每個背景都要用手機開開看網頁,比較每個截圖的美麗度啊~
這是我目前背景的手機截圖呈現,拿掉主題圖,乾乾淨淨的,完全對味!
年紀大了斷捨離,GHOST的簡約深得我心。
第一篇GHOST大概寫到這,後面會再寫些比較細的教學。
最後補充,GHOST圖片在上傳時,都會出現這樣婆娑扭來動去的
貓咪!
難不成工程師都愛貓嗎XD
深得我心的極簡風格加上殺手鐧貓咪。
怎麼捨得不用GHOST呢。不過使用上手的話,可是要花錢的唷~
咱們下回見。
GHOST初學可以再看後話~