舊文件

此處文件僅供參考,請自行考量時效性與適用程度,其他庫藏文件請參考文件頁面
我們亟需您的協助,進行共筆系統搬移、及文件整理工作,詳情請查閱參與我們

第一次用維客就上手

出自 MozTW Wiki

(Media Wiki 版)

「嘿!Wiki蠻好玩的嘛!」

再版序

很久以前我為 Tavi 寫了這篇「第一次使用 Wiki 就上手」,雖然後半段沒完,但似乎看的人還不少。Mozilla Taiwan 上有很多朋友對我說「我們很想幫忙,但是對 Wiki 的架構與概念實在不熟」,促使我把這篇「改」為 MediaWiki 版,修正一些語法和觀念,希望能夠幫上忙。

ps. 這篇文章的圖還是 tavi 的介面,因為還沒改完... 有空再來做。 要是誰有空也可以幫我畫喔!

前言

這份文件的目的是希望能提供初來乍到的朋友們一個快速入門的捷徑, 全文將關注在「使用維客站台」而非建立一個維客站台。為文目標如下:

  • 用詞淺顯:讀者只需具備基本文字輸入與閒晃網路的能力即可,所以熟悉電腦的人應該會覺得囉唆 :P
  • 任務導向:讓讀者立刻可以在 sandbox 做一份簡單的測試。
  • 僅為入門:詳細的資訊可以在使用手冊取得,這份文件僅提供完全不會的朋友一個快速概覽。
  • 圖文並茂:除了我自己當然會依照需求畫圖之外,共筆的各位如果需要插圖也可以通知我畫。

希望各位協同共筆的夥伴也能以這些目標協助編寫此文,謝謝。 — 柏強

維客觀念

到底什麼叫做維客(Wiki)?先人說得好:「一群可以被任何人、於任何地方、在任何時間編輯的網頁。」其實這句簡單的話就已經解釋了維客的所有概念了喔!而如果再詳細解釋,我們可以說這是一種讓任何人可以輕而易舉、自由編輯網頁的電腦系統,你可以召集你的朋友們一起完成一份文件,甚至與網路上不相識的眾人合力完成一部百科全書!有了這樣的系統,我們可以在任何時候展現龜毛個性,看到不對的詞語不再需要寄信要求原作者更改 — 因為,你可以自己來。

http://noellab.net/bobchao/image_wiki/wiki_01.png

總而言之,維客可以歸納出以下的好處:

  • 簡單到讓你可以隨時龜毛,讓文件更好。
  • 讓很多人可以輕易同心協力完成文件
  • 在開會的時候拿來做記錄很不錯

其實好處當然不只這些,辦法畢竟是人想出來的囉!像上面的最後一項「會議重點記錄」便是菩提居校友服務隊以前就有的方法,只是那時得由某個人拼了命的修改網頁,又要不斷將新版本傳上伺服機才能為大家所見。有了維客後這種事情就變得相當方便了。

維客還有一個不錯的地方是在於「版本追蹤」,這點我們晚點再來談。

現在已經有很多不同的程式將維客的概念實現在眾人眼前了,常見的有 TaviKWikiZWiki 等等。這些程式各有其不同的優點,在概念上雖然都是維客的一份子,但所使用的寫作方法(語法)小有出入。本站使用的維客 系統程式 — 「MediaWiki」的優點則是功能強大、擴充性強。

接下來,讓我帶您在本站上書寫自己的第一份 Wiki 文件

註冊個帳號先!

在 MozTW Wiki 上編輯頁面之前,我建議您先註冊一個使用者帳號,如此一來別人就可以知道某份文件是由誰更動的,也方便你介紹自己。除此之外,某些特殊功能也僅供已註冊的朋友使用,所以趕快去註冊吧!

  1. 首先請點選本頁右上角的「建立新帳號/登入」。
    • 如果您使用 Firefox 等有「分頁」功能的瀏覽器,請把連結開到分頁,方便您照著本文的步驟作;往後的範例也建議您以分頁方式進行,不再贅述。
    • 還在用 IE?快換 Firefox 吧! :P
  2. 把網頁上的欄位填寫一下,填完後按下「建立新的帳號」。

註冊完畢,系統會自動幫您登入。

如果您已經有帳號了,以後要怎麼登入呢?

  1. 點選頁面右上角的「建立新帳號/登入」。
  2. 在「你的帳號名稱」處中填入剛才註冊的暱稱、「你的密碼」則填入密碼。
    • 如果您勾選「Remember my password across sessions.」,那麼以後在這台電腦上使用這個瀏覽器就會自動登入。如果您現在使用的是公用電腦,請不要勾選!
    • 無論您有沒有勾選,現在按下「登入」即可登入。

註冊過了也登入完畢了,接著就能回到這份文件繼續看下去囉。

你的第一份維客文件

這一節的要點是先讓你知道怎麼更改頁面。在建立第一份文件之前,我們要先介紹「沙箱」這個概念:沙箱的英文是 Sand Box,在 Wiki 中的功能是測試用的。在你還不熟悉 Wiki 的語法前,沙箱就是你可以隨便亂玩的好地方喔!這個站的沙箱在這裡,接下來我們就要好好「玩弄」它一下 :P

按下頁面最上方的「編輯」,現在在你面前應該會出現一個很大的文字輸入區域,裡頭有你剛剛在沙箱頁面看到的文字,夾雜一些有看沒懂的符號。這個頁面是 Wiki 的編輯頁面,你可以在文字輸入區中打上任何東西以便修改網頁。現在請你

  1. 將文字插入點置放在文字區首行的首字前
  2. 輸入「嘿!Wiki蠻好玩的嘛!」後按一下 Enter
  3. 按下下方的「儲存此頁」

過一會兒,你回到了剛剛的「沙箱」頁面,而你打的文字赫然出現在內容第一行,很神奇吧!你可以再多重複幾次以上的步驟,將沙箱玩得亂七八糟也無妨(玩沙還想乾淨?你想太多了...)。這就是 Wiki 再簡單不過的編輯方式,而幾乎每個 Wiki 頁面都有這樣的「編輯」連結(除非站長設定成唯讀),也只有透過這個連結才能編輯頁面。

http://noellab.net/bobchao/image_wiki/wiki_03.png

在本站維客系統-「MediaWiki」的世界裡,按兩次 Enter 會造成換段落的效果,作用等同於你在 Word 中按下 Enter;如果你想要換「行」(就像 Word 的 Shift+Enter),可以輸入「<br/>」。

小試身手

向大家介紹一下自己吧!

  1. 按下頁面右上角的「帳號名稱」連結(就是你的帳號名稱啦!)
  2. 接下來會進入你的個人專屬頁面
  3. 打幾個字描述自己一下吧!記得善用換行喔!

文字格式標記法

如果純粹只有文字的話是有點無聊,不過其實維客中也提供了相當多簡便的文字格式(Text Formatting)方法喔!各家系統支援的格式不見得一樣,不過有幾種應該都支援:粗體、斜體、標題、項目符號跟編號。

粗體/斜體

粗體斜體實在不用多做解釋,但是由於這是「第一次」的文章,所以我決定還是要囉嗦點:粗體就是字會比較粗啦,啊斜體就是字不肯好好立正的樣子,這樣各位小朋友知道嗎?(知道了~)很好,乖~ 要怎麼在把某一段 Wiki 裡打的字以粗體展現呢?只要在那一段字之前跟之後都加上三個「'」符號(跟「"」是同一個鍵,在 Enter 附近)就行啦!現在你可以再把沙箱打開來試試:

  1. 按下「編輯」
  2. 把剛剛「嘿!Wiki蠻好玩的嘛!」改成「'''嘿!'''Wiki蠻好玩的嘛!」
  3. 按下「「儲存此頁」

這麼一來那個「嘿!」就會以粗體顯示啦,很簡單對吧!斜體的方法差不多,只要在某些文字前後加上兩個「'」就可以了,你可以自己試試把沙箱的「Wiki」變成斜體試試:

  1. 按下「編輯」
  2. 把剛剛「'''嘿!'''Wiki蠻好玩的嘛!」改成「'''嘿!'''''Wiki''蠻好玩的嘛!」(嗯... 連續五個「'」是蠻容易眼花的...)
  3. 按下「儲存此頁」

這兩種都非常簡單,也是在 Wiki 中常用的格式,要注意的是中文字以斜體顯示時可能會有點不清楚,少用為妙。

http://noellab.net/bobchao/image_wiki/wiki_02.png

小試身手
打一句「大家好,我是"xxx",這是我第一次使用 Wiki 喔!」,然後把其中的 xxx 換成你的名字、使用粗體顯示;「第一次」則用斜體顯示。

Italic text'Italic text

標題

接下來是「標題」的概念,這就有點複雜啦:

  1. 假設你今天要寫一份企劃書,想必你的主標題會是「七月菩提聚活動企劃書」等類似的東西,這是一份文件的「主標題」(也就是「標題一」)。
  2. 而其下有些文字你會特別提出來稍稍放大、但不比主標題大,像是「主旨」、「活動內容」等等標題,稱之為「次標題」(也就是「標題二」)。
  3. 其下還可能會在分出「標題三」、「標題四」的寫法(看你的文件架構為何)。

以這份「第一次用維客就上手」來說,其標題一是「第一次用維客就上手」,而標題二和標題三請將網頁移到最上面,你會看到「內容大綱」,其下面以1到10為開頭的就是標題二,而在某些標題二下還有許多子標題(像是5.1、6.1~6.4、7.1~7.4、9.1),這些都是標題三。這樣的標題在維客裡再簡單不過:越大的標題就用越少的「=」等於符號來包住就是了。現在就把沙箱打開來試試看:

  1. 按下「編輯」
  2. 把剛剛「'''嘿!'''''Wiki''蠻好玩的嘛!」改成「== 嘿!''Wiki''蠻好玩的嘛! ==」,請記得在等號跟文字的中間必須有一個空白
  3. 按下「顯示預覽」(這回不是「儲存」喔),這樣會出現編輯現況的預覽,你應該已經看到那段文字以標題二的樣式處理了。
  4. 捲動到網頁下方繼續編輯,在「Wiki 蠻好玩的」下方新增一行,輸入「=== Wiki 好玩在哪 ===」,請記得在等號跟文字的中間必須有一個空白
  5. 按下「儲存此頁」

這樣應該可以了解是什麼意思了吧?你最多可以用到六個等號(左邊放六個、右邊放六個,就是「標題六」),不過一般是沒有那麼龐大的需求啦(連這篇文章也才用到三種),總之自己看著辦囉!

項目編/符號

接下來,如果要像剛剛「教學步驟」那樣的方式,在每條步驟前列出「1」、「2」等數字的話,要怎麼辦呢?

   「自己打就可以了啊!」

這位同學回答得非常好,老師不得不佩服你的冰雪聰明!不過我們有比較簡單的方法啦:只要在某行的最前面加上一個「#」符號,就代表這行要列入「項目編號」中。這樣講很模糊,我們可以再用沙箱來試試看:

  1. 按下「編輯這份文件」
  2. 在第一行輸入「戴佩妮'''好...佩妮'''歌目」後按下 Enter 換一行。
  3. 複製以下的歌目到剪貼簿(一次複製,換行才會被一併複製過去),再到「好...佩妮」的下一行貼上它們。
防…空洞
黑眼圈
辛德瑞拉

確定每條歌都獨立佔據一行之後,在歌名前面加上「#」號(跟「3」同一個鍵)而且「#」前面不能有任何空白,全部會加三個「#」號,變成這樣:

   #防…空洞
   #黑眼圈
   #辛德瑞拉

之後按下「儲存此頁」看看!。你不需要自己輸入數字,Wiki 會幫你完成喔!這樣做的好處就是你可以隨意調動順序、安插新的項目。

小試身手
其實在「黑眼圈」跟「辛德瑞拉」中間還有一首「透明玫瑰」哩!打開沙箱,把這個歌名加進去試試!你會發現 Wiki 自動編目的方式真的相當方便。

http://noellab.net/bobchao/image_wiki/wiki_04.png

喔耶!在你完成了這個超無聊的練習題之後,要教你「項目符號」就一點也不難了!「項目符號」跟「項目編號」不一樣的地方就在於把「#」換成「*」(跟「8」同一個鍵)就好啦!讓咱們再到沙箱玩玩:

  1. 按下「編輯」
  2. 把剛剛好佩妮三首新歌前面的「#」改成「*」,看起來像這樣:
   *防…空洞
   *黑眼圈
   *辛德瑞拉

按下「儲存此頁」就行囉,簡單吧!

有些東西是有階層性的,就像「目錄」一般。猜猜看要怎麼做到這種效果:


戴佩妮好...佩妮

  • 新歌
    1. 防…空洞
    2. 黑眼圈
    3. 辛德瑞拉
  • 回收歌
    1. 透明玫瑰
    2. 透氣

其實,只要混和使用多個「#」跟「*」就行了!

   戴佩妮好...佩妮
   *新歌
   *#防…空洞
   *#黑眼圈
   *#辛德瑞拉
   *回收歌
   *#透明玫瑰
   *#透氣

水平線

本節課程最後一種符號:「水平線」,在剛剛的範例上與下方已經出現過囉!水平線大概是最直覺的符號之一了,只要連打四個「-」(減號)就行啦!我們前面介紹的最後四種應用:「標題」、「項目編號」、「項目符號」跟「水平線」都必須是在一行的最前頭才會產生效果,這點可別忘記囉!

小試身手
之前建立的「自我介紹」還在不在呢?利用本節的各種標示方法美化你的介紹吧!

http://noellab.net/bobchao/image_wiki/wiki_05.png

建立頁面與連結

在網路世界中,最讓人感受到無邊無際、四通八達的技術莫過於超連結了,Wiki 當然也支援超連結的概念,而且更將製作過程簡化,讓使用的人更方便喔!首先我們要將連結分成「外部連結」、「內部連結」兩類:

  • 內部連結
    連往同一個維客站中的其他頁面,像是這邊使用的「連到沙箱」。
    外部連結
    那當然就是連往同一 Wiki 站之外的頁面囉!像這邊使用的連到 Google

雖然一般網頁設計書籍都會先告訴您「內部連結」再拓展至「外部連結」,不過本文為了要特立獨行(其實是講解比較方便),決定倒過來:我們先來看看「外部連結」該怎麼做。

外部連結

如果你早就是網頁設計師,那 URL(Uniform Resource Locators)的概念你必然瞭若指掌;而要是你不懂 URL 是什麼東西,可以看看微軟對 URL 的解釋... 不過,其實不懂也沒關係啦!總而言之 URL 可以視為我們俗稱的「網址」。如果你要在 Wiki 中提供到某個網站的連結,最方便的方法就是直接把網址打上去

  1. 再度回到沙箱的懷抱,編輯沙箱。
  2. 在首行輸入 http://zblog.net/,按下 Enter 換一行。
  3. 儲存。(就這麼簡單?就這麼簡單!)

這種方法會把網址明明白白寫在頁面上,並提供超連結的功能,但是如果你想要讓某段文字擁有超連結的能力呢?你可以使用「 [ 」跟「 ] 」兩個符號:

  1. 編輯沙箱,在首行打上一個「[」符號(應該在 P 鍵的隔壁)。
  2. 輸入 http://zblog.net/。
  3. 按一下空白鍵,讓網址後多一個空白。
  4. 輸入「zblog,最朋友的 Blog」。
  5. 最後打上一個「]」符號,按下 Enter 換一行。
  6. 最後當然還是儲存。

這下你會發現頁面上的「zblog,最朋友的 Blog」真的變成了超連結,按下後也的確連往 http://zblog.net/ 了!這種超連結之後會多出一個圖示,提醒使用者這段文字是外部超連結。

小試身手
在沙箱裡建立一個通往學校的連結吧!像這樣國立中山大學

內部連結

外部連結都解決了,那內部連結呢?

   「啊就把那段網址 copy 下來,然後如法泡製就行啦!」

哇,這位同學真棒,老師愛死你了!只是我們還是有比較快的方法,讓一段數十字的網址在十字左右解決喔!

每個維客頁面都有一個名稱,大多會寫在頁面的最上方(像這一頁叫做 Wiki tutorial),要連到某個維客頁面只要知道它的名稱就行囉!現在就來試試:

  1. 再到沙箱!在首行輸入「[[」。(懷疑啊?就是兩個「[」啦!)
  2. 輸入這一頁的名字:「Wiki tutorial」,大小寫必須正確喔!
  3. 輸入一個「|」號,這個符號大多在 Back space 鍵的附近。
  4. 輸入「由 Bob Chao 主筆的 Wiki 超入門文章」。
  5. 輸入「]]」(對,就是兩個「]」),按下 Enter 換行。
  6. 儲存!

知道了吧?用「[[維客頁面名稱|提示字串]]」的語法便可以建立維客內部連結了!如果不加提示字串,用 [[Wiki頁面名稱]] 的方式也可以哩!

http://noellab.net/bobchao/image_wiki/wiki_06.png

建立頁面

在建立內部連結時,如果維客找不到你指定的頁面名稱,那就會認為你想要「新增」這個網頁。於是存檔之後這個連結會變成紅色的(或其他特殊顏色/符號,各種 Wiki 不同,反正你看得出來),只要點選之後就會建立新的網頁。

利用這個方式,你就可以在 MozTW Wiki 上自由添加文件囉!請多幫忙,為社群撰寫好文章吧!


未寫完的分隔線5222222222222222222222222222222222222222222222222222222222222222222


書籤 連結

前言

   [[第一次用維客就上手#前言|前言]]

試試看

[[target: 一個完整的範例/作業 ]]10101010

文件編修史

target: 查閱編修史

不解 @@

架個自己的 Wiki

一堆的資料庫系統, 卻只有 Wiki 最適合做自己的知識圖書館, 可是怎麼架呢?

在WinXP下, 有多種的虛擬 Server 套件, XAMPP, AppServ, EasyPHP, 能夠提供綠色不安裝使用, 又具備 PHP 4/5等模擬環境, 個人就以 XAMPP 來做說明. 如有不明白以上說明的朋友, 還請用 Google 搜尋瞭解一下.

  • 架個自己的 Wiki - XAMPP+Mediawiki (在WinXP下):
  1. 先下載 XAMPP
  2. 再下載 Wiki
  3. 解 XAMPP 及 Wiki 壓縮檔到個別目錄
  4. 綠色安裝 XAMPP 及 Wiki步驟:
    1. 將 XAMPP 的解壓縮目錄搬移到有 2GB以上空間的硬碟磁區
      1. setup_xampp.bat: 滑鼠案兩下, 就完成安裝
      2. xampp_start.exe: 啟動虛擬伺服器, 只要開啟瀏覽器後, 在上面網址欄輸入 localhost, 就可以見到
      3. xampp_stop.exe: 停止虛擬伺服器運作
    1. Wiki 安裝準備: 將解壓縮目錄搬移到 XAMPP 的次目錄下 \htdocs
      1. 在 phpMyAdmin 下建立一個空資料庫(檔): 其實他會在 \mysql\data 下建立同名稱的次目錄
      2. 安裝 Wiki: 瀏覽器上面網址欄輸入 localhost/mediawiki/ or localhost/htdocs/mediawiki/includes/Setup.php, 就可以啟動安裝程序

可以參考 KJ 的 安裝步驟 http://www.mw.net.tw/user/kaurjmeb/blog/2006/10/08/26611/39462/ (-- 堯)

Roll Back (復舊)

如果一個頁面有遭受到大量破壞,要復原一個簡單的方法是到「歷史記錄」,前往你要的之前的版本,點選「編輯」,然後儲存頁面,記得在更新摘要內寫上這修改是舊版復原。

附錄:其他參考文件

看到這裡,你應該已經具備使用 Wiki 的基本能力了,其實還有很多的使用方法等著你去發掘喔!你可以到本站的參考文件處查閱相關的語法,不過要記住:每個維客系統的語法不見得一樣,如果你慣用的維客不是此站使用的「MediaWiki」,則記得先看看該站的語法說明再行編寫。

本文件的完成大多是東取西抄的啦,不過希望能給最最初學者一個最最快入門的方法,被我「參考」到的文章列在此處,若你玩出興趣之後可以參考一下喔!

個人工具