寫給自己架站初心者,一起來GHOST

Markdown / Navigation / Theme

寫給自己架站初心者,一起來GHOST

搬家到GHOST了,感謝我媽!工程師當媽 = 回家可以奴役工程師XD 媽媽母親節快樂!

在udn校園記者時期開了部落格,乘載了10年青春,但介面固定、視覺日益複雜化,還是讓不安定的靈魂決定搬家。

GHOST部落格就真的簡化功能只剩下「部落格」,十分清爽,對於程式初學者入門會嚇到,但其實真是非常簡單的架站原理喔,一起來玩吧,這篇會看到的東西有:

  1. 使用Markdown
  2. 設定短網址、出版日期
  3. 使用Tag和Navigation為文章分類
  4. 使用Theme並且去適應背景版型

來吧,開站啦

m'lady

第一當然是GHOST的全英文介面,只能說多點耐心,有時每個英文字都看得懂,湊起來就不懂啊,工程師中文就已經看不懂了,何況是工程師英文。

這時候只有靠滿滿的愛了。

純~淨的編輯世界

申請了帳號,一打開編輯頁長這樣,是不是很驚嚇。

m'lady

不倒退三十步,就不是一類組。

GHOST使用Markdown,每一個效果和功能都是複製貼上可愛的code而成,每一張圖、每一個內文連結都要自己定義,會漸漸進入這個樂趣的,歡迎參考Markdown教學

在New Post可以發布新文,發布幾篇文章再來選擇部落格主題會比較合適,可以抓出你部落格的基調,先發幾篇文章測試吧。

設定你的專屬小心機

每一篇文章編輯時,除了和Markdown奮鬥,記得都要點右上方工具小符號,設定屬於這一篇的所有細節。

m'lady

選擇首圖之後,記得自訂短網址,不自訂網址他就給你英翻中的拼音音譯喔,網址超長的十幾二十個音節,驚悚畫面媲美符咒,記得一定要改掉。

發文日期時間可以回溯自舊文出版,定義好幾年前也是可以的。

Tags選一兩個關鍵字,不要卯起來下一大堆,後面講。

對SEO特有想法的朋友,更可以動腦筋增加部落格權重。

自訂分類和導航

在Tags幫自己下的幾個文章標籤編好圖片與網址,記得不要放著不管,不然網址又會呈現中翻英音譯羅馬拼音的鬼畫符。

m'lady

再來到Navigation設定自己想要的文章分類。

m'lady

接著就可以在首頁看到自己想要的分類了。

m'lady

設定背景和資料架構

在General設定想要呈現的作者資料、圖片和標語。

m'lady

m'lady

接著進入Theme來選定背景囉,按下CHANGE THEME!

m'lady

點擊上方 MarketPlace
會進入桌面與主題選擇,免費版型就夠你玩了,要在結構裡面加的語法也一次放進去上傳ZIP,這後面會再開篇幅講。

測試桌面期間眼花繚亂的,記得截圖處理,有版型極簡、有版型極繁複,不想要放的欄位例如首圖、作者照,都回到General上下資料即可。

m'lady

m'lady

m'lady

也有完全沒有視覺,只有大頭圖+文章表列的呈現背景架構,所以說一開始先上好數篇文章,再回頭來選定適合自己屬性的背景。

例如設計師適合以大圖多圖為主的背景主題,文字工作者適合文字列表為主的呈現,都要靠作品集堆疊

m'lady

Mobile移動時代,能跟著手機做視覺呈現的網頁設計當道,記得每個背景都要用手機開開看網頁,比較每個截圖的美麗度啊~

m'lady

這是我目前背景的手機截圖呈現,拿掉主題圖,乾乾淨淨的,完全對味!

年紀大了斷捨離,GHOST的簡約深得我心。

第一篇GHOST大概寫到這,後面會再寫些比較細的教學。

最後補充,GHOST圖片在上傳時,都會出現這樣婆娑扭來動去的

貓咪!

m'lady

難不成工程師都愛貓嗎XD

深得我心的極簡風格加上殺手鐧貓咪。

怎麼捨得不用GHOST呢。不過使用上手的話,可是要花錢的唷~

咱們下回見。

GHOST初學可以再看後話~

加入GA分析、Facebook 留言和通知

瀏覽器自訂個性icon

內文蠟筆效果