這一章將介紹 Movable Type 最基本的功能 ─ 管理文章。所謂的「管理」,包括了張貼新文章的上稿功能、修改既有文章的編輯功能,以及刪除功能。我們將在本章分別介紹這些功能,並以簡單的範例來說明各種動作所會產生的結果。
除此之外,我們也會在這一章裡加入一些跟文章有關的資訊;例如,要如何在文件中鍵入特殊的符號、建立超連結、修改文字樣式等,也都會在這一章裡面提到。
在我們做任何事情之前,首先要介紹的是「登入 Movable Type 」。有使用者問過,「我安裝好 Movable Type 之後,要去哪兒執行呢?」實際上是妳不需要特別執行,因為祇要網頁伺服器運作正常, Movable Type 就可以運作。另一方面,妳也不需要在每一台電腦上都安裝 Movable Type ,妳祇需要在當作網頁伺服器的那台機器上安裝過一次 Movable Type 就可以了。實際使用時,祇需要先用網頁瀏覽器登入
Movable Type ,步驟如下:
JavaScript
和 Cookies
的網頁瀏覽器,像是 Internet Explorer
(IE
) 、 Mozilla
、 Netscape
、 Phoenix
、 Opera
之類,然後開啟連線到妳的 Movable Type 系統 CGI 路徑下的 mt.cgi ,如圖一。Username
這一欄裡填入妳的使用者帳號,如圖二。如果妳還沒有按照前一章的說明修改預設帳號的話,妳在這裡就應該輸入 Melody
。Password
欄位裡輸入妳的使用者密碼。如果妳還沒有按照前一章的說明修改預設密碼的話,妳在這裡就應該輸入 Nelson
。萬一不幸妳忘記密碼了,則請跳到步驟六。請注意,如果妳把自然輸入法設成預設輸入法的話,密碼可能會沒辦法正常輸入!LOG IN
」按鈕,如圖五。接下來請跳至步驟十一。Forgot your password?
」的鏈結。密碼恢復視窗
,裡面有兩個欄位,分別要填入妳的帳號
跟妳所設定的出生地
。出生地
一樣。RECOVER
」按鈕,如果妳的出生地
資訊填寫無誤的話, Movable Type 就會為妳的帳號產生一組新的密碼,然後寄到妳在第二章修改個人資料小節步驟三所設定的 Email
地址去。接下來就請用這一個新密碼,來登入系統(並再次按照第二章修改個人資料小節的內容來把密碼改掉)。主選單
畫面;現在妳可以從這裡開始,繼續後面各個章節的各種操作了。登出
Movable Type 系統,以免有人假冒妳的名目而破壞了妳的頁面與資料庫。欲登出 Movable Type ,請如圖十二按下上方導覽列的「登出」按鈕。登入
Movable Type 纔行。Movable Type 的設計中心思想之一,就是希望能讓妳更輕易地發表新文章,因此 Movable Type 的上稿介面也設計得相當簡單;基本上妳祇需要填寫文章標題
跟內容
,然後按下儲存
就可以了。不過對於初上手的使用者來說,仍舊需要一點時間跟嘗試,纔能夠逐漸掌握這個系統的運作方式。我們將陸續帶領各位使用各種與發表文章有關的功能;如果妳從來沒有使用 Movable Type 的經驗,強烈建議妳直接接下去閱讀下面這一小節:「發表妳的第一篇文章
主選單
中的「新增文章」鏈結,或如圖十五一般按下網誌選單
左方工具列上的「新增文章」按鈕。新增文章畫面
了。請如圖十六在「標題
」欄位裡填入文章的標題。主要類別
那一欄是一個下拉式選單,可以用來指定文章的類別。不過此刻我們還沒有設定任何類別,所以先行跳過,不做任何事。主要文章本體
」欄位裡填寫文章的內容,這些內容會自動地在適當的地方換列,不過妳也可以強制換列(按 Enter
鍵)。另外,分段則是用一個空白列來表示;也就是說,當妳要換下一段的時候,妳就得連按兩次 Enter
,如圖十七。儲存
」按鈕來把文章存到資料庫中。更新通告
給指定的伺服器。檢視網站
」按鈕,看看做出來的頁面到底長甚麼樣子。當妳的文章數量開始增加,或者是當妳的文章越寫越長之後,如果在主索引頁面裡就列出全部的文章內容,不但會使得頁面長度遽增,讓讀者們必須花更多的時間下載這一頁,還會使得同一個畫面裡擠進太多資訊,反而讓妳的頁面內容難以被閱讀。
Movable Type 把文章內容分成了兩個欄位:主要文章本體和額外文章內容;在預設的模版裡,祇有第一個欄位的內容纔會顯示在索引頁面裡,而第二個欄位的內容則祇會在單篇彙整頁面中出現。這或許會很有幫助,因為妳可以在第一欄裡寫些妳觀察到的有趣現象,然後再第二欄裡纔開始寫些自己的心得感想。這麼一來,讀者們就可以先大致看到妳觀察到了些甚麼,如果他們對這個主題也一樣感興趣的話,纔花更多的時間精力去仔細閱讀另外的部分。或者,以「起─承─轉─合」的文章架構來說,妳大可用第一欄來寫一些能吸引人的東西,然後在第二欄裡則詳細地加以闡述。現在就讓我們看看要如何實做:
主要文章本體
裡寫入文章內容之外,我們也試著在「額外文章內容」這一欄也寫點東西,如圖二十四,看看這樣會有甚麼不同。檢視網站
」按鈕來看看這一次的結果如何。主要文章本體
裡的內容也直接顯示出來了,不過額外文章內容
卻沒有,反而是多了一個「深入閱讀"第二篇文章"」的鏈結。且讓我們點選這個「深入閱讀"第二篇文章"
」的鏈結,看看會連到哪裡去。額外文章內容
欄位裡的東西赫然顯示其中,與主要文章本體
的內容以段落分隔。這是一個單篇彙整的頁面,裡面祇會有一篇文章,並且顯示這篇文章的寫作時間
、文章標題
、主要文章本體
、額外文章內容
等資訊,並且還會列出跟這一篇文章有關的迴響
,同時也提供了讓讀者發表迴響的表單。同時 Movable Type 的預設模版也很體貼地提供了頁面導覽 (Navigation) 的功能;如圖二十八,除了在頁面上方會自動建立起連結到前一篇
、後一篇
以及首頁
的鏈結外,對於有提供導覽工具列的瀏覽器如 Mozilla 或 Opera 來說,也能使用瀏覽器本身的導覽介面。對於尋常書寫來說,粗體字、斜體字以及加底線可以說是很基本的文字變化了;而對於網頁來說,建立超連結則更是尋常。 Movable Type 在文章編輯畫面裡,提供了一些按鈕,讓妳撰寫文章的時候不再需要另外去記憶這些文字變化的 HTML 標籤。以下就讓我們逐一實做一遍:
<b>
和 </b>
這兩個 HTML 標籤,同時反白也消失了。<i>
和 </i>
這兩個 HTML 標籤,同時反白也消失了。<u>
和 </u>
這兩個 HTML 標籤,同時反白也消失了。確定
按鈕。這時妳應該會看到像圖四十六那樣,原本的字串兩旁分別多了 <a href="網址">
和 </a>
這兩個 HTML 標籤,同時反白也消失了。請注意:為了避免在某些瀏覽器上發生未知的解讀錯誤,同時為了盡量吻合國際標準,妳應該把所有的「 & 」通通寫作「 & 」,然後把「 < 」寫作「 < 」、把「 > 」寫作「 > 」、把「 " 」寫作「 " 」。
對這個部分有興趣的人還可以參考 Movable Type 使用手冊:文章項目
除了可以方便地新增文章之外, Movable Type 也提供了修改既有文章的介面,這個介面其實跟新增文章的介面很像,所以應該很快就可以上手。在這一節裡,我們將介紹各種跟修改文章有關的流程:如果妳想要修改最近纔寫過的某一篇文章,無論是要修改內容、標題、甚至是寫作時間
,都可以按照修改某一篇文章的指引;如果妳已經累積了相當多的文章,現在突然要更新某一篇較舊的文章,那麼妳可能會需要先找出要修改的文章;又或者妳可能要一次修改很多文章的標題、出版狀態等欄位,那麼妳也可以直接使用大量編輯模式。
就讓我們一個一個來看:
主選單
畫面看到目前系統上所有的網誌清單,這個時候請如圖四十八按下文章所屬的網誌名稱。網誌選單
,左方有一組工具列
,現在請如圖四十九按下工具列上的「修改文章」按鈕。修改及編輯文章
畫面,在這個畫面中會列出最新的二十篇文章(不論它們的出版狀態是草稿
或定稿
都會列出來),並顯示出它們的文章標題
、所屬類別
、撰寫日期
、文章作者
以及出版狀態
;其中文章標題會是一個鏈結,這時請點選妳所要編輯的文章的文章標題。新增文章畫面
所沒有的。妳可以像圖五十五一樣任意地修改這個時間(甚至是改到未來),但是切記,這一欄的格式是固定的: YYYY-MM-DD hh:mm:ss ,其中 YYYY
是四位數的西元年份
, MM
是二位數的月份
(不足二位的話需要在前面補零), DD
是二位數的日期
(不足二位的話需要在前面補零), hh
是二位數的時
(不足二位的話需要在前面補零),而且需以二十四時制
來表示, mm
是二位數的分
(不足二位的話需要在前面補零), ss
是二位數的秒
(不足二位數的話需要在前面補零)。民國九十二年六月十四日下午一點零分二十三秒
」就應該寫成「 2003-06-14 13:00:23
」。儲存
」按鈕。妳所更動的部分已被儲存
」了,這時請按上方導覽列的「檢視網站
」按鈕,來看看妳的頁面到底變成怎樣。文章日期
、文章標題
或文章內容
皆然。在前一節裡我們學到了如何編輯已經存在了的文章,可是問題馬上就出現了:妳要怎麼找到你所要編輯的文章?
Movable Type 提供了各種不同的方法,來幫助妳找出特定的文章;它在編輯選單
會列出最新的五篇文章,方便妳迅速地編輯最近寫過的文章;另外在列出及編輯文章畫面
中,妳除了可以選擇要列出所有的文章,然後一篇一篇尋找外,也可以用特定條件來加以篩選,也可以使用 Movable Type 內建的全文檢索功能來尋找文章,或者用更複雜的進階搜尋表單來使用像是正規表示式
之類的搜尋字串。
且讓我們逐一來看,要如何使用這些功能:
如果妳要編輯的文章,是最近纔寫完的話,那麼妳將可以很快的找到他們。請參照圖五十九登入 Movable Type 系統並點選欲編輯文章所在的網誌名稱,然後妳在該網誌的編輯選單裡,應該可以看到如圖六十一般的畫面。請注意右邊會有一個欄框,裡面列出了妳最新發表的五篇文章的文章標題
及寫作日期
。妳祇需要點選某一篇文章的標題,就能夠用我們在前一小節步驟四開始的程序,加以編輯該文章。
如果妳所要修改的文章不在「最新五篇」之內,那麼妳至少還可以列出某份網誌裡所有的文章清單,然後從中找出妳所要編輯的那一篇。請參考以下的步驟:
列出及編輯文章
畫面中,會列出最新的二十篇文章,如圖六十二所示;祇要在任何一篇文章的標題點選,就能夠加以編輯那一篇文章。一次顯示 20 篇文章
」,請如圖六十三選擇「顯示所有的文章」,這會兒所有的文章就都會顯示在畫面中了。不過請注意,如果妳的網誌上有成千上百篇文章的話,畫面也會拉得很長很長;或許在這種情況下,下一節所介紹的方法會更適合妳。如果妳對於要修改的文章稍微還有一點印象,知道那一篇文章所屬的類別
、作者
,或者是出版狀態
的話,就能夠利用以下的方法來快速篩選出妳所要編輯的文章。舉例來說,如果妳是某一份網誌的責任編輯,負責審核各個作者所發表的文章的話,妳就可以利用這個功能,祇列出出版狀態仍為「草稿」的文章,並加以編審。
列出及編輯文章
的畫面中,有一個過濾選項的區塊,如圖六十四如果妳不知道甚麼是列出及編輯文章
的畫面的話,請參考「修改某一篇文章」小節的前三個步驟。過濾內容
」的第一欄,能夠讓妳如圖六十五那樣,透過下拉式選單從類別
、作者
或出版狀態
中任選一個來當作過濾條件。過濾內容
」第二欄的下拉式選單則會按照第一欄的選擇而呈現不同的選項。妳可以如圖六十六選擇一個必須滿足的條件。有的時候光看文章標題是沒有辦法讓妳聯想文章內容的,所幸 Movable Type 內建了搜尋功能,能夠讓妳用任何的關鍵字去對文章內容進行檢索,進而找到妳所要編輯的文章。請參考以下的步驟:
檢視網站
的按鈕之右。請在此填入妳所要搜尋的關鍵字。標題
、主要文章本體
或額外文章內容
裡有出現該關鍵字的文章,就都會被列出來了。如果妳想要用更複雜的規則來搜尋文章的話,也可以參考下列的步驟。透過這一部分的功能,妳將能夠指定搜尋時是否要大小寫吻合
,甚至是採用正規表示式
來搜尋;除此之外,妳也可以限定搜尋範圍祇侷限於標題
、主要文章本體
、額外文章內容
或關鍵字
中的某幾個欄位。
關鍵字眼
或正規表示式
;然後妳還能夠如圖七十四指定是否要求關鍵字眼大小寫有別
,或者指定要使用正規表示式
來搜尋,祇需要加以核選相對應的核選框就可以了。標題
、主要文章本體
、額外文章內容
和關鍵字
這四個欄位中加以搜尋比對,不過妳還是可以如圖七十五一般,藉由核選或取消四種搜尋欄位來縮小搜尋比對的範圍。有的時候妳可能會想要快速地把所有文章裡的某個關鍵字眼換成另一個(例如某個網站的網址更新了),如果必須要一個一個找出來,然後再逐一修改,實在是相當地累人。好在 Movable Type 也提供了取代的功能,能夠幫妳一次做完這件事。請參照以下的說明:
關鍵字眼
或正規表示式
,同時也學到了如何限制搜尋欄位
。現在讓我們如圖七十八這樣,在「取代成」欄位裡填入妳要代換成的字串,再如圖七十九按下「取代」按鈕。Movable
都代換成 Type
了,所以原本的 Movable Type
就會被代換成 Type Type
。Movable Type
竟然會變成 Type Type
的話,現在麻煩大了。因為這種代換是不可逆、無法還原的,就算妳像圖八十二那樣把兩個欄位倒過來填寫,也不可能彌補妳的不慎。相反地,事情可能會變得更糟,就像圖八十三。現在讓我們來設想另一種狀況,有可能妳想做的事情並非修改特定某篇文章的內容,而是想要修改很多篇文章的標題,或者甚至是想把一大堆文章從某個類別搬移到另外一個類別去;這個時候大量編輯模式就是妳寶貴時間的救星了。
列出及編輯文章
畫面(任何時候按下左方工具列的修改文章
按鈕,就可以看到這個畫面)中,會有一個「開啟大量編輯模式」的鏈結。請如圖八十四按下這個鏈結。大量編輯模式
。在這個畫面中所有的欄位都是可以編輯的,這表示妳可以一次改掉很多文章的標題
、類別
、日期
、作者
和出版狀態
;更棒的是妳仍舊可以像我們在前面幾個小節那樣,列出所有文章或用特定條件篩選文章。大量編輯模式
畫面中繼續編輯修改,用完後祇需要直接把這個視窗關閉即可。Movable Type 也能夠讓妳上傳檔案。如果這個檔案是圖片的話, Movable Type 還可以讓妳選擇要用嵌入或彈出的效果來呈現;如果這個檔案不是圖片的話,就會建立起一個鏈結,讓讀者們能夠依此鏈結來下載妳所提供的檔案。
上傳檔案的時候要注意一點:要上傳的檔案請盡可能使用祇含有英文字母跟數字的檔名,否則可能會發生預期外的錯誤。以下我們就將分別按照各種不同的狀況,加以說明:
許多報章雜誌或者是新聞性的網頁上,都會有圖文並茂的文章。這一類的文章中,圖片是整個版面的一部份;這種直接顯示在文章段落間、會佔掉一定空間的圖片,就稱做「嵌入式圖片」,因為它們是直接嵌入在文章段落裡的圖片。
妳也可能會想要這麼做。例如妳出去旅行,拍了一些照片,然後想要看圖說故事,把旅遊中的點滴記下來;或者妳可能從網路上抓了一張圖,然後想要報導跟這個圖有關的故事。在這個情況下,最簡單的作法就是直接上傳這張圖片,並且以這張圖片建立新的文章。像這樣:
上傳檔案
的視窗,請如圖八十八按下選擇檔案
段落裡的「瀏覽」按鈕。本機彙整路徑
裡,而且不放進更深層的子目錄中。接下來再如圖九十一按下「上傳」按鈕,這纔真的把圖片開始上傳到伺服器上。上傳檔案
」的彈出式視窗會關閉,同時妳會看到妳的主視窗切換成像是圖九十四一樣。這個畫面就跟妳自己按下「新增文章」按鈕後所看到的畫面可以說是一模一樣,唯一的不同之處在於在主要文章本體
的欄位裡,多了一連串的 HTML 標籤;那一段 HTML 標籤的意思就是把妳所上傳的圖片嵌入顯示,並且設定其替代文字 (alt
) 、圖片寬度 (width
) 、圖片高度 (height
) 以及圖片邊框寬度 (border
) 。妳可以視情況需要修改這些標籤屬性,並且為這一篇文章加上合適的標題,撰寫其他文字,再存檔。當妳上傳圖片並以嵌入式圖片建立新文章時,固然可以很方便地把圖片嵌入文章裡,但是我想很快地妳就會遇到另一個問題:如果妳想要在一篇文章裡放進第二張甚至第三張圖片時,該怎麼辦?
如果妳還是用一樣的方法來上傳圖片的話,妳就會發現每一次都會建立新文章,然而又都沒有存檔,結果妳的編輯畫面裡永遠就祇有最後上傳的那一張圖片!實際上這些圖片都上傳到伺服器上了,祇是用來顯示圖片的 HTML 標籤將會被一再地清掉。因此我們得用這一段所要講的方法,在上傳圖片後祇顯示嵌入圖片要用的 HTML 標籤就好,而不以此建立新文章:
上傳檔案
的視窗,請如圖九十八按下選擇檔案
段落裡的「瀏覽」按鈕。Ctrl
-C
來複製)。Ctrl
-V
來貼上)。然後妳還能夠像圖一百零八那樣繼續加入其他文字,或者更進一步設定文章的其他屬性。相信妳隨即就能從前面的圖一百零九發現一個明顯的問題:一旦妳的頁面裡用了很大的圖片或很多圖片的時候,嵌入式的圖片不儘可能會破壞整個頁面的版面安排,甚至會讓讀者花上很多時間纔能購下載完。這時候彈出式似乎就是很好的妥協方案了。
所謂的彈出式圖片,就是把原本要擺放圖片的地方變成一個鏈結,當讀者想要看圖片的時候祇需要按一下鏈結,就會彈出一個新的視窗,裡面則是那張圖片。藉此不但不會影響到版面安排,而且也可以把載入頁面所需的時間(跟記憶體)降到最低。以下就讓我們來看看,可以怎麼做:
上傳檔案
的視窗,請如圖一百一十一按下選擇檔案
段落裡的「瀏覽」按鈕。本機彙整路徑
裡,而且不放進更深層的子目錄中。接下來再如圖一百一十四按下「上傳」按鈕,這纔真的把圖片開始上傳到伺服器上。上傳檔案
」的彈出式視窗會關閉,並且悄悄建立了一個跟圖片相同主檔名的 HTML 頁面檔,祇是妳還不會看到;同時妳會看到妳的主視窗切換成像是圖一百一十七一樣。這個畫面就跟妳自己按下「新增文章」按鈕後所看到的畫面可以說是一模一樣,唯一的不同之處在於在主要文章本體
的欄位裡,多了一連串的 HTML 標籤。那一段 HTML 標籤的意思就是用來彈出這個同名的 HTML 頁面,以顯示妳所上傳的圖片。請注意在圖一百一十八裡的那個「 View image 」字串,這就是用來建立彈出式圖片的鏈結字串;妳可以視情況需要修改這個字串,並且為這一篇文章加上合適的標題,撰寫其他文字,再存檔。妳可以祇檢視製作嵌入式圖片的 HTML 標籤,當然也可以祇檢視製作彈出式圖片所需的 HTML 標籤。請參考以下的步驟:
上傳檔案
的視窗,請如圖一百二十三按下選擇檔案
段落裡的「瀏覽」按鈕。Ctrl
-C
來複製)。Ctrl
-V
來貼上)。然後妳還能夠像圖一百三十三那樣修改鏈結文字
、繼續加入其他文字,或者更進一步設定文章的其他屬性。除了顯示圖片之外,妳也有可能會想要隨著文章提供一些檔案給讀者下載;在這種情況下
上傳檔案
的視窗,請如圖一百三十七按下選擇檔案
段落裡的「瀏覽」按鈕。本機彙整路徑
裡,而且不放進更深層的子目錄中。接下來再如圖一百四十按下「上傳」按鈕,這纔真的把檔案開始上傳到伺服器上。上傳檔案
」的彈出式視窗會關閉,同時妳會看到妳的主視窗切換成像是圖一百四十三一樣。這個畫面就跟妳自己按下「新增文章」按鈕後所看到的畫面可以說是一模一樣,唯一的不同之處在於在主要文章本體
的欄位裡,多了一連串的 HTML 標籤。那一段 HTML 標籤就是建立用來下載這個檔案的鏈結。請注意在圖一百四十四裡的那個「 Download file 」字串,這就是用來建立彈出式圖片的鏈結字串;妳可以視情況需要修改這個字串,並且為這一篇文章加上合適的標題,撰寫其他文字,再存檔。<同樣地,當妳要上傳多個檔案,並且把檔案鏈結放進同一篇文章的時候,就可以祇顯示建立鏈結所需的 HTML 標籤,而不要直接建立新文章。請見以下的步驟:
上傳檔案
的視窗,請如圖一百四十八按下選擇檔案
段落裡的「瀏覽」按鈕。Ctrl
-C
來複製)。Ctrl
-V
來貼上)。然後妳還能夠像圖一百五十九那樣修改鏈結文字
、繼續加入其他文字,或者更進一步設定文章的其他屬性。築城千日,毀於一旦;妳馬上就會發現刪除文章遠比把他們建立起來要容易得多。有兩個刪除文章的方法,其一是在列出及編輯文章
畫面中,如圖一百六十一核選文章後面的刪除
核選框後,再如圖一百六十二按下下方的刪除按鈕,就可以一口氣把這些文章都刪除了。這個方法的好處在於效率高,妳甚至可以用我們在「找出要修改的文章」小節提過的任何方法,來篩選要刪除的文章,再一口氣刪除掉。
當然妳可能會想更謹慎點,先看看文章內容是甚麼纔決定要不要刪除。在文章編輯
畫面裡,有一個刪除文章的按鈕,就可以讓妳把目前在編輯的這一篇文章給刪除掉。
版權所有 © 2003 Jedi. 保留部分權利。