位元詩人 經營[部落格]:建立網站的流程

Facebook Twitter LinkedIn LINE Skype EverNote GMail Yahoo Email

前言

根據不同部落格軟體,實際的安裝過程會有所不同。本文介紹一般性的通則,後續的文章會針對各個軟體 (WordPress, Jekyll, Hugo) 分別介紹。

安裝部落格的流程如下:

  • 安裝軟體
  • 選定佈景主題
  • 選定板面
  • 追踪瀏覽人次
  • 社群連結
  • 撰寫文章和頁面
  • 使用電子報
  • 搜尋引擎優化

接下來,我們會一一介紹相關步驟。

安裝軟體

如果要使用 WordPress,則要安裝 LAMP (Linux-Apache-MySQL-PHP) 環境,這個過程步驟較多,我們將於後文另行介紹。

如果要使用靜態站台產生器,則會安裝以下軟體:

  • 靜態站台產生器
  • 程式碼編輯器
  • (選擇性) 版本控制軟體

靜態站台産生器本身是命令列工具,依照其實作語言不同,安裝方式也不同。使用靜態站台產生器製作部落格,不會有後台程式,部落客直接編輯文字檔,大部分都是用 Markdown 或其延伸的語法;所以,會搭配程式碼編輯器。除了偶爾要編輯模板外,大部分情形下都只是在撰寫一些文字檔案,不會像寫程式那麼複雜。一些常見的程式碼編輯器如下:

  • Atom
  • Sublime Text
  • Visual Studio Code
  • Notepad++ (Windows-only)

筆者目前使用 Visual Studio Code,各位作者可依自己喜好選擇程式碼編輯器。

由於靜態站台產生器所編輯的檔案是文字檔,可以用版本控制軟體來管理;雖然這不是必需的,使用版本控制軟體的確會比較方便。以下是一些版本控制軟體:

  • Git (最流行)
  • Mercurial
  • Bazaar
  • Subversion

常見的組合是用 Git 搭配 GitHub (最流行) 或 Bitbucket。

選定佈景主題

佈景主題 (theme) 是一個籠統的概念,通常是指軟體整體的美術風格,像是桌布、圖標 (logo)、UI 顏色、字體 (font) 等多個項目綜合起來所帶來的感覺;在部落格和其他網站中,佈景主題大抵上是由調整 CSS 來營造。由於佈景主題所要調整的項目繁多,如果要每個部落客從頭開始慢慢調整,會耗費過多心力在這個項目上;為了節省選擇佈景主題的時程,通常部落格軟體都會預先提供一些現成的佈景主題,可直接套用在部落格後,再進行微調即可。

其實部落格的佈景主題底層也是 HTML 和 CSS (和一些些 JavaScript) 再搭上某種模板語言及一些美術素材等,透過這些元素,要自己做佈景主題也不無可能。一些玩部落格玩很深的技客會自己做新的佈景主題,目前市面上可見到的佈景主題之中,很多的主題其實也是一些熱心的技客無償提供。由於製作佈景主題算是比較深入的主題,我們不會著墨太多。

選定板面

板面 (layout) 是安排文字的方式,像是報紙會將新聞文字排成一個個文字區塊,以利閱讀。一些常見的部落格排板方式是兩欄式 (two columns) 或三欄式 (three columns)。

板面是透過調整 HTML 和 CSS 來決定,在選擇佈景主題時同時會決定網站的板面;不過,佈景主題和板面其實是分開的,我們可以在相同的佈景主題下更改不同的板面,反之亦然。

由於行動裝置的掘起,響應式 (mobile responsive) 網頁成了一個重要的課題,所謂的響應式網頁就是會隨著裝置的螢幕大小自動調整版面的網頁。由於每個網頁設計者都會碰到這個議題,有一些 CSS 框架因應而生,像是 Bootstrap (最流行) 或 Foundation 等。其實很多部落格軟體的佈景主題內部也是用到 Bootstrap,因而自動支援響應式網站。

網站分析

透過網站分析,我們可以得到關於某網站的統計數據,這些統計數據可以讓我們知道網站經營的好壞,據此進一步去改善網站;我們會在後續的文章中介紹這些統計數據。一些網站分析的工具如下 (順序不代表推薦度):

安裝這些分析工具的方式是在網頁中加入一小段該工具所提供的程式碼。經營過一段時間部落格就會知道,其實第三方工具大抵上是透過安插程式碼的方式加入網站中,能夠了解基本的 HTML 會有一些幫助。

社群連結

社群網站本身是平台,內容則是由使用者提供,只要該社群網站聚集足夠的使用者,該網站就會有源源不斷的新內容;因此,社群網站對網路使用者造成很大的磁吸效應。說實在的,單一的部落格很難像社群媒體般將使用者黏在同一個網站上,要如何用社群媒體拉抬自己的部落格,就是新世代的部落客所要面對的課題。

對於部落格來說,如果能夠讓自己的文章在社群網站上嚗光,就可以增加部落格的能見度。我們有時候會在一些網頁上看到分享到臉書、推特、LINE 等社群媒體的按鈕,就是本著這樣的思維。對於社群媒體來說,分享連結到社群媒體上,也是間接讓社群媒體內容更豐富,所以大部分社群網站都會樂於提供相關工具讓網站設計者製作按鈕。

每個社群網站會提供自己的按鈕工具;不過,使用這些工具的按鈕風格無法統一,頁面上比較不美觀。為了改善這個現象,有些第三方工具整合了社群網站的按鈕,並提供客製化選項。一些實例如下 (順序不代表推薦度):

這些第三方工具使用起來會使版面較美觀,但能用什麼社群媒體就要看這些工具是否有實做。通常臉書、推特、Google+ 等較知名的社群媒體都會做,其他的則不一定,各位作者需自行嘗試。

有些第三方社群連結也提供追踪功能,可以追蹤一下瀏覽人次等基本的指標;這算是這類工具的附加用途,我們通常會用專用的網站分析工具而不會太依賴這項附加功能。

撰寫文章和頁面

在部落格中,文章 (post) 和頁面 (page) 是兩種不同的概念;文章是部落格的核心項目,理想上,部落格會隨時間持續發布新文章,藉此持續吸引讀者上門;相較起來,頁面則是一些相對靜態的訊息,像是關於作者、聯絡方式、留言板等,比起文章,頁面通常不會頻繁地更新。部落格軟體會將兩者分開處理,讓部落客安排自己的網頁內容。

WordPress 會有後台程式,部落格可用後台的編輯器撰寫站台的內容。而靜態站台産生器不會有後台,部落客直接編輯相關的文字檔案。WordPress 較便利,而靜態站台産生器較安全,部落客可依自己的需求和偏好來選擇喜好的工作流程。

使用電子報

電子報 (e-paper) 算是一種主動招攬讀者的一種經營方式,通常會願意訂電子報的讀者對部落格也比較有向心力。不過,從筆者本身訂閱一些電子報的經驗來說,筆者不是很喜歡這種經營方式,原因如下述。

一般電子報的發報週期是一週,單一部落客很少能在一週內產生足夠的內容,大部分的內容也是收集各方來源而成;除非我們經營網站的目的就是辦電子報,這件事反而會排擠我們原本寫部落格的時間。如果要每週出刊,等於在和時間賽跑,無形中增加不少壓力。

對於技術電子報來說,由於這類電子報的議題較窄,某個軟體專案要造成話題性前也要一段時間醞釀;對於每週出刊一次的電子報來說,該領域通常沒有那麼多精彩的議題來持續支撐電子報的發行,往往就流於報導一些相對冷門的專案或文章等。

如果各位作者有志想發行電子報,可以參考 Pressmart 等軟體,簡化發行的步驟。由於筆者目前並未耕耘這一塊市場,請各位作者另行尋找相關資料。

搜尋引擎優化

單一部落格對於整個全球資訊網來說,就像是一片汪洋中的一個小島,除了透過社群網站的連結,大部分的讀者都是透過搜尋引擎找到該部落格的文章。因此,製作對搜尋引擎友善的部落格,無形中也增加讀者登門的機會。

搜尋引擎優化是由許多關於網站的豆知識組成,由於搜尋引擎內部的演算法不同,這些方法會隨著時間有一些改變。在這些方法中,有些算是合理的優化方式,有些則是不能說的暗黑兵法。搜尋引擎供應商其實也知道這些手法,他們會透過修改搜尋引擎的演算法來懲罰這些不良網站;有鑑於此,筆者並不鼓勵這些巧門。我們會於後文討論一些合理的優化方式。

關於作者

身為資訊領域碩士,位元詩人 (ByteBard) 認為開發應用程式的目的是為社會帶來價值。如果在這個過程中該軟體能成為永續經營的項目,那就是開發者和使用者雙贏的局面。

位元詩人喜歡用開源技術來解決各式各樣的問題,但必要時對專有技術也不排斥。閒暇之餘,位元詩人將所學寫成文章,放在這個網站上和大家分享。