維基語法

這個文件描述Wikidot.com所使用的Wiki語法

本網站的任何頁面都存在著兩種型式:原始碼(source code)和編譯碼(compiled code)。原始碼是你用來編輯以及描述頁面內容。當你瀏覽頁面時,原始碼會被編譯為XHTML碼以傳送給瀏覽器使用。Wiki語法用來是編輯原始碼,以創建頁面內容。

如果你想尋找已寫好的程式碼片段(code snippet)以複製/貼上/修改,請參見我們的程式碼片段網站

文字格式

輸入的程式碼 得到的效果
//斜體字// 斜體字
**粗體字** 粗體字
//**斜體加粗體字**// 斜體加粗體字
__加底線__ 加底線
--加刪除線-- 加刪除線
{{打字機體(等寬字體)}} 打字機體(等寬字體)
正常字^^上標字^^ 正常字上標字
正常字,,下標字,, 正常字下標字
[!-- 隱藏的註解 --]
[[span style="color:red"]]自訂的 //區段// 元素[[/span]] 自訂的 區段 元素
##blue|預設名稱的## or ##44FF88|自訂編碼的## 顏色 預設名稱的 or 自訂編碼的 顏色

字體大小

輸入的程式碼 得到的效果
[[size 80%]]正常大小的80%[[/size]] 正常大小的80%
[[size 100%]]正常大小的100%[[/size]] 正常大小的100%
[[size 200%]]正常大小的200%[[/size]] 正常大小的200%
[[size xx-small]]xx-small 字體[[/size]] xx-small 字體
[[size x-small]]x-small 字體[[/size]] x-small 字體
[[size small]]small 字體[[/size]] small 字體
[[size smaller]]smaller 字體[[/size]] smaller 字體
正常字體 正常字體
[[size larger]]larger 字體[[/size]] larger 字體
[[size large]]large 字體[[/size]] large 字體
[[size x-large]]x-large 字體[[/size]] x-large 字體
[[size xx-large]]xx-large 字體[[/size]] xx-large 字體

段落及換行

段落之間以兩個「換行」來間隔。一個「換行」就如其名,只會換一行。

這是第一段。內容是什麼並不重要,只是湊成一段文字而已。

這是第二段。同樣地,別在意內容到底寫了什麼,只是湊成另一段文字而已。
這只是換一行。
這是再換一行。

這是第一段。內容是什麼並不重要,只是湊成一段文字而已。

這是第二段。同樣地,別在意內容到底寫了什麼,只是湊成另一段文字而已。
這只是換一行。
這是再換一行。

標點符號

如果你很在意標點符號的效果,這裡有些方法來改善:

輸入的程式碼 得到的效果
``雙引號'' “雙引號”
`單引號' ‘單引號’
,,上下雙引號'' „上下雙引號”
刪節號... 刪節號…
破折號 -- 破折號 —

純文字

如果你希望某段文字以純文字方式顯示,跳過語法的效果,就把該段文字用兩個「@」號夾住。

這段 //文字// **受到** 語法效果。

@@這段 //文字// **不受** 語法效果。@@

這段 文字 受到 語法效果。

這段 //文字// **不受** 語法效果。

註解

「註解」是一個原始碼區塊,在編繹時會被跳過。建立方式是在原始碼中加上[!-- ... --],例如:

[!--
這段文字不會被編譯。
--]

標題

要建立標題,在該行的最前面加上「加號(+)」。加號的數量會決定標題字的層級。

+ 第一級標題
++ 第二級標題
+++ 第三級標題
++++ 第四級標題
+++++ 第五級標題
++++++ 第六級標題

內容目錄(Table of Contents)

「內容目錄」指的是所有「標題」的清單和連結。在希望加入的地方放置一個「內容目錄」的標籤即可。

[[toc]]
[[f>toc]] - 靠右的內容目錄
[[f<toc]] - 靠左的內容目錄

水平分隔線

用四個以上的「減號」(----) 可建立水平分隔線。

清單(Lists)

不編號清單

在段落的開頭加上一個「星號」,就會產生清單的符號。在「星號」前加上空格,可以讓清單項目向右縮排。

* 第一項
* 第二項
 * 第二之一項
  • 第一項
  • 第二項
    • 第二之一項

編號清單

方法與不編號清單類似。在段落開頭使用「#」號可以建立編碼清單。

# 第一項
# 第二項
 # 第二之一項
  1. 第一項
  2. 第二項
    1. 第二之一項

不編碼清單和編碼清單可以混合使用。

名詞定義清單

你可以用以下方式來建立名詞定義清單。

: 名詞一 : 意思指的是這個。
: 名詞二 : 意思指的是那個。
名詞一
意思指的是這個。
名詞二
意思指的是那個。

引用區塊(Block Quotes)

你可以在行首使用一個或多個「>」符號,來建立「引用區塊」。「>」符號後面要加一格空格。

這是一般的文字。

> 這就是引用區塊的文字。 \
另外,注意到我們可以在行尾使用反斜線「\」, \
這樣就可以把很多行連接成同一段。

>
> 這是另一段,接下來......
>> 這是第二層的縮排。 \
會比第一層的引用區塊往右縮得更多。

回到一般的文字。

這是一般的文字。

這就是引用區塊的文字。 另外,注意到我們可以在行尾使用反斜線「\」, 這樣就可以把很多行連接成同一段。

這是另一段,接下來……

這是第二層的縮排。 會比第一層的引用區塊往右縮得更多。

回到一般的文字。

連結

內部連結

不像某些其他的wiki引擎以CamelCase格式的文字作為頁面連結(指的是取消文字間的空格,但每個單字字首採用大寫的連寫格式),wikidot的內部連結一律採用三個中括號包夾。
如果頁面的網址包含有不允許的字符,該字符會被「unix化」成可允許的字符。然而顯示出來的名稱仍然會維持原來的樣子。

輸入的程式碼 得到的效果 備註
[[[link-to-a-page]]] link-to-a-page 使用原始的頁面名稱
[[[link "TO" ą pagE]]] link "TO" ą pagE 目標頁面自動淨化
[[[○○目錄: ◎◎頁面]]] ◎◎頁面 連結到一個置於某目錄名稱下的頁面
[[[some page| 另訂的文字]]] 另訂的文字 使用另訂的文字來顯示連結
[[[doc|Documentation]]] Documentation 連結到一個既有的頁面 (不同顏色)
[[[doc#toc1|第一節]]] 第一節 連結到一個錨點(第一節)
[[[doc#toc1]]] doc 連結到一個錨點(第一節)

URLs

輸入的程式碼 得到的效果 備註
http://www.wikidot.com http://www.wikidot.com 簡單的一行連結
[http://www.wikidot.com wikidot] wikidot 自訂連結顯示的名稱
*http://www.wikidot.com
[*http://www.wikidot.com wikidot]
http://www.wikidot.com
wikidot
在新視窗開啟連結
[# 空白連結] 空白連結 也就是href="javascript:;"連結,並不會轉到任何地方法。建構下拉式選單時很好用。

錨點

要放置錨點的話,使用[[# 錨點名稱]]語法。要放置錨點的連結,使用[#錨點名稱 連結顯示的文字]

電子郵件

輸入的程式碼 得到的效果 備註
support@example.com moc.elpmaxe|troppus#moc.elpmaxe|troppus 簡單的單行email
[support@example.com 寫信給我!] moc.elpmaxe|troppus#��榵硿䫯� 自訂的連結文字

雖然我們不鼓勵任何人在網路上公開自己的email網址,但是WikiDot還是提供了一個簡單的加密機制以防止機器人讀取電子郵件。
每封信都會被加密,然後在客戶的瀏覽器上解碼。此法雖非100%安全,但比普通文字信件安全得多。

跨Wiki的連結

要連結到一篇「維基百科」的文章,可以使用以下語法:

輸入的程式碼 得到的效果
[wikipedia:Albert_Einstein] Albert_Einstein
[wikipedia:Albert_Einstein 愛因斯坦] 愛因斯坦

其他連結定義方式的範例:

  • [google:free+wiki] - 在google搜尋「free wiki」一詞
  • [dictionary:wiki] - 在dictionary.reference.com網站搜尋「wiki」這個字的定義

圖片

單張圖片

在頁面中插入單張圖片,採用以下語法:

[[image 圖片來源位址 屬性1="設定值1" 屬性2="設定值2" ...]]

屬性有以下幾種:

屬性名稱 允許的設定值 設定值範例 說明
link wiki頁面名稱或URL連結 "wiki-page"
"http://www.example.com"
以其他頁面或網路連結作為圖片。當使用Flickr為圖片來源時會被忽略。連結前加上的星號(*)的話會在新視窗開啟。
alt 任何字串 "a photo of me" 當圖片不存在時的替代顯示文字
width 畫素數 "200px" 強制寬度
height 畫素數 "200px" 強制高度
style 有效的CSS style定義 "border: 1px solid red; padding: 2em;" 為圖片加上額外的CSS style參數
class CSS class "mystyle" 強制該圖片以CSS class定義的方式顯示 - 通常只用在自訂的背景主題
size "square" - 75x75畫素
"thumbnail" - 長邊100畫素
"small" - 長邊240畫素
"medium" - 長邊500畫素
"large" - 長邊1024畫素(只適用於Flickr的較大圖片)
"original" - 原始圖片(只適用於Flickr)
any of allowed ;-) 顯示為一張 調整大小的 圖片; 適合作為索引圖
如果圖片來源是flickr,會依要求的尺寸從Flickr伺服器中調出來;
這個選項只適用於本地檔案或Flicke裡的圖片。

size 屬性在本地檔案(附在頁面的檔案,在Wikidot伺服器內)非常好用。而且不只可用在圖片上,PDF或Postscript也可以用。更多細節參見this page

圖片來源位址 可以是下列的任何一種:

來源種類 格式 設定值範例 說明
URL網址 任何有效的URL網址 http://www.example.com/image.jpg 由該網址顯示圖片
附加檔案(本頁面的) filename exampleimage.jpg 顯示附加在本頁面的圖片
附加檔案(非本頁面的) /another-page-name/filename /another-page/exampleimage.jpg 顯示附加在其他頁面的圖片
flickr 圖片 flickr:photoid flickr:83001279 顯示位於Flickr上的圖片,且附有連往Flickr原始頁面的連結
flickr 圖片(私人帳號裡的) flickr:photoid_secret flickr:149666562_debab08866 顯示位於Flickr上的圖片,且附有連往Flickr原始頁面的連結;如果加上secret一字,即使圖片在Flickr標註為「非公開的」也會顯示出來。

如果想在新視窗中開啟圖片所自動產生的連結,你可以在link屬性前加上星號(例如 link="*http://www.example.com"),或是在src元素前加上星號(例如*flickr:149666562_debab08866*image-file等等 )。

以下為選擇水平排列的方法:

  • [[=image… - 圖片置中
  • [[<image… - 圖片置左
  • [[>image… - 圖片置右
  • [[f<image… - 圖片漂浮於左(被文字圍繞)
  • [[f>image… - 圖片漂浮於右(被文字圍繞)

多張圖庫

要插入一系列的多張圖片內容,使用[[gallery]] 元素:

[[gallery size="圖片大小"]]

or
[[gallery size="圖片大小"]]
: 圖片來源1 屬性1="設定值1" 屬性2="設定值2" ...
: 圖片來源2 屬性1="設定值1" 屬性2="設定值2" ...
...
[[/gallery]]

[[gallery]] 標籤中唯一允許的屬性是 size ,其設定值也只能設定為 "square", "thumbnail", "small", "medium"

如果 [[gallery]] 標籤沒有一一指定圖片,會自動顯示附加在該頁面的所有可顯示圖示的縮圖(包括.pdf和.ps)。

如果 [[gallery]] 標籤有一一指定圖片,只有這些圖片會被顯示。這裡的圖片來源 不可以是URL網址。個別圖片只有以下屬性被允許:

  • link - URL網址或wiki頁面名稱(不適用於Flickr圖片)
  • alt - 當圖片不存在時的替代顯示文字。

想在新視窗開啟文件的方式,與單張圖片的規則相同。

如果你想要由Flickr載入圖片,請參閱FlickrGallery module

程式碼區塊

[[code]]…[[/code]] 標籤(頭尾標籤各佔一行)來建立程式碼區域。

這是一個程式碼區域的範例!

想在程式碼區塊中,利用PHP標籤來套用PHP的程式碼自動配色,需先加上[[code type="php"]]…[[/code]] 這樣的標籤。

然後在程式碼區塊中想要套用PHP顏色的範圍,以 <?php.. ?>標籤包圍起來。

WikiDot.com使用PEAR::Text_Highlighter(高亮化文字識別),並支援多種顏色主題設定。以下為支援的種類(可以作為type的設定值):

php, html, cpp, css, diff, dtd, java, javascript, perl, python, ruby, xml.

[[code type="php"]]
<?php
/* comment */
for($i=0; $i<100; $i++){
echo "number".$i."\n";
}
?>
[[/code]]
<?php
/* comment */
for($i=0; $i<100; $i++){
echo "number".$i."\n";
}
?>

表格

簡單表格

你可以用成對的直線(||,就是反斜線\按鍵的上面)來建立簡單表格:

||~ 標題 1 ||~ 標題 2 ||~ 標題 3 ||
|| 方格 1 || 方格 2 || 方格 3 ||
|||| 合併的方格 4 || 方格 5 ||
||方格 6 |||| 合併的方格 7 ||
|||||| 合併的方格 8||
標題 1 標題 2 標題 3
方格 1 方格 2 方格 3
合併的方格 4 方格 5
方格 6 合併的方格 7
合併的方格 8
|| lines must start and end || with double vertical bars || nothing ||
|| cells are separated by || double vertical bars || nothing ||
|||| you can span multiple columns by || starting each cell ||
|| with extra cell |||| separators ||
|||||| but perhaps an example is _
the easiest way to see ||
每行字必須以雙直線 開始及結束 (空白)
方格之間 以雙直線間隔 (空白)
你可以橫跨多個欄(即水平合併方格) 只需要在每個格子前面
加上更多的 方格間隔符號
但是使用範例
可能是最容易看懂的方式

在表格的單一格內可以在行尾使用「底線(_)」來強制換行(參見以上範例)

進階的表格(自訂的表格)

使用特殊的標籤可以允許classstyle 屬性來管理表格的外觀顯示,以建立進階的表格:

[[table]]
[[row]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
call 0.0
[[/cell]]
[[cell style="border: 1px solid silver"]]
call 0.1
[[/cell]]
[[/row]]
[[row style="border: 1px solid silver"]]
[[cell]]
call 1.0
[[/cell]]
[[cell style="border: 1px solid silver; background-color: yellow;"]]
call 1.1
[[/cell]]
[[/row]]
[[/table]]
會顯示成這樣的表格…
cell 0.0 cell 0.1
cell 1.0 cell 1.1

每個 [[table]][[row]][[cell]]元素都可以接受styleclass屬性,然後它們會轉換成(X)HTML標籤: <table><tr><td>

有個利用表格來製作頁面排版的範例,請參閱我們的「程式碼片段Wiki(Snippets Wiki)」:http://snippets.wikidot.com/code:layout-with-tables

表格可以是多層次的(蜂巢狀)。

區域格式元素

靠左、靠右、置中、兩端對齊

文字區塊的對齊方式採用以下程式碼:

[[<]] ... [[/<]] 靠左
[[>]] ... [[/>]] 靠右
[[=]] ... [[/=]] 置中
[[==]] ... [[/==]] 兩端對齊

範例:

[[=]]
這一串文字是用來示範對齊模式,\
所以內容是什麼並不重要。 \
重要的是讓你看出來這個對齊模式的效果, \
就像這樣。

你可以自己試試其他的效果。
[[/=]]

這一串文字是用來示範對齊模式,所以內容是什麼並不重要。重要的是讓你看出來這個對齊模式的效果,就像這樣。

你可以自己試試其他的效果。

要使單行文字置中,可直接在行首加上等號(=):

= 此行置中。

此行置中。

自訂的 div 區塊

要改進您可以使用的佈局[[div]] ... [[/div]]轉換為html的元素@div> ... </div@方塊。
允許的屬性僅限於:classstyle,但這應該足以創建所需的佈局。
[[div]]方塊可以嵌套。

下面是如何使用div塊創建2列佈局的示例:

[[div style="float:left; width: 45%; padding: 0 2%"]]
左列左列左列左列左列
左列左列左列左列左列
[[/div]]
[[div style="float:left; width: 45%; padding: 0 2%"]]
右欄右欄右欄右欄右欄
右欄右欄右欄右欄右欄
[[/div]]

~~~~~

左列左列左列左列左列左列左列左列左列左列

右欄右欄右欄右欄右欄右欄右欄右欄右欄右欄

~~~~元素用於清除浮點數並將或多或少地轉換為<div style ="clear:both"> </div>)。

自定義[[div]]塊可用於創建非常高級的頁面佈局。

數學

WikiDot.com使用LaTeX渲染漂亮的方程式。 對於那些知道使用wikidot方程的LaTeX語法的人應該是非常明顯的。

方程式

簡單地說一下這個等式[[math label]] … [[/math]] block tags (the label is optional). 等式在LaTex中呈現 \begin{equation} ... \end{equation} 環境。 有關語法的詳細信息,請參閱任何LaTeX參考手冊。

[[math label1]]
\rho _{\rm GJ} = -\sigma (r) \left[ (1 - \eta _{\ast }^2 {\kappa \over {\eta ^3}}) \cos \chi \right.
+ \left. {3\over 2} \theta (\eta) H(\eta)
\xi \sin \chi \cos \phi \right]
[[/math]]
(1)
\begin{align} \rho _{\rm GJ} = -\sigma (r) \left[ (1 - \eta _{\ast }^2 {\kappa \over {\eta ^3}}) \cos \chi \right. + \left. {3\over 2} \theta (\eta) H(\eta) \xi \sin \chi \cos \phi \right] \end{align}

To refer to a labeled equation simply use [[eref label]] to get a raw number or e.g. Eq. ([[eref label1]]) which gives Eq. (1).

要打破長方程,請使用type="eqnarray" attribute, e.g.

[[math label2 type="eqnarray"]]
\lefteqn{ \cos x = 1        
-\frac{x^{2}}{2!} +{} } \\
& & {}+\frac{x^{4}}{4!}
-\frac{x^{6}}{6!}+{}\cdots
[[/math]]
(2)
\begin{eqnarray} \lefteqn{ \cos x = 1 -\frac{x^{2}}{2!} +{} } \\ & & {}+\frac{x^{4}}{4!} -\frac{x^{6}}{6!}+{}\cdots \end{eqnarray}

文字之間的數學符號

要在文本(句子)裡面使用數學表達式 [[$ ... $]]標籤。

[[$ E = mc^2 $]] is much more popular than
[[$ G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu} $]]

$E = mc^2$ is much more popular than $G_{\mu\nu} - \Lambda g_{\mu\nu} = \kappa T_{\mu\nu}$

註腳

在文章中加入註腳可使用 [[footnote]] 區塊。註腳的內容會自動顯示在頁面文章最末。如果不希望顯示在頁面最末,在希望顯示的地方插入 [[footnoteblock]]

張先生[[footnote]]也就是衛生股長小張的父親。[[/footnote]]常常自己一個人拎著鍋子,
到隔好幾條街、比較遠的那家豆漿店 [[footnote]]據說是班長小青的媽媽開的。[[/footnote]]去買豆漿。

[[footnoteblock]]

張伯伯1常常自己一個人拎著鍋子,到隔好幾條街、比較遠的那家豆漿店2去買豆漿。

如果你對預設的標題「Footnotes」不滿意,也可以自訂標題:用[[footnoteblock title="Custom title"]] 或乾脆不要標題 (title="")。

參考資料

「參考資料」區塊以 [[bibliography]]...[[/bibliography]] 來定義。每筆參考資料都採下列格式表示:
標籤名稱 : 完整說明
在文章中要放置一個引用參考資料的連結記號,使用 ((bibcite 標籤名稱)).

人類發現的第一顆脈衝星是由J. Bell和A. Hewish [((bibcite bell))]所觀測到的。另一個引用參考的範例[見 ((bibcite guy))]。

[[bibliography]]
: bell : Bell, J.; Hewish, A.; Pilkington, J. D. H.; Scott, P. F.; and Collins, R. A. //Observation of a Rapidly Pulsating Radio Source.// Nature 217, 709, 1968.
: guy : Guy, R. K. //Modular Difference Sets and Error Correcting Codes.// §C10 in Unsolved Problems in Number Theory, 2nd ed. New York: Springer-Verlag, pp. 118-121, 1994.
[[/bibliography]]

人類發現的第一顆脈衝星是由J. Bell和A. Hewish [1]所觀測到的。另一個引用參考的範例[見 2]。

参考文献
1. Bell, J.; Hewish, A.; Pilkington, J. D. H.; Scott, P. F.; and Collins, R. A. Observation of a Rapidly Pulsating Radio Source. Nature 217, 709, 1968.
2. Guy, R. K. Modular Difference Sets and Error Correcting Codes. §C10 in Unsolved Problems in Number Theory, 2nd ed. New York: Springer-Verlag, pp. 118-121, 1994.

如果你對預設的標題「Bibliography」不滿意,也可以自訂標題:用[[bibliography title="Custom title"]] 或乾脆不要標題 (title="")。

加入其他頁面的內容(Include other pages)

如果你想要加入其他頁面的內容,使用:

 [[include 頁面名稱]]

include 標籤必須自己佔用一行。

[[include]] 標籤也可以對來源頁面使用參數和變數。在來源頁面的變數表示方式如下:

{$變數1}, {$number_books}, {$title}, {$variable_name}, {$variableName}

在加入的頁面使用:

 [[include 頁面名稱 變數1=設定值1 | number_books = 43 | title=史上最好的Wiki
| variable_name = 就是一個變數
| variableName = 另一個變數
]]

如你所見,你可以把變數定義分成好幾行,這樣程式碼看起來比較清楚。

註:includes和圖片/檔案[[include]]就只是單純地把頁面內容插入指定的位置。如果你在來源頁面內有附加圖片或檔案,而在來源頁面以[[image filename.jpg]]來載入圖片的話,在加入的頁面裡請記得加上該來源頁面的名稱。例如[[image 來源頁面名稱/filename.jpg]]

嵌入多媒體文件

視訊

要把視訊直接嵌入頁面,使用 [[embedvideo]] ... [[/embedvideo]] 區塊。
在「嵌入HTML程式碼」的中間,可以放入以下的線上視訊資源:

例如:

[[embedvideo]]
<embed style="width:400px; height:326px;" id="VideoPlayback" align="middle"
type="application/x-shockwave-flash"
src="http://video.google.com/googleplayer.swf?docId=263244138622602613"
allowScriptAccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL"
FlashVars="playerMode=embedded"> </embed>
[[/embedvideo]]

聲音

要嵌入聲音,使用 [[embedaudio]] ... [[/embedaudio]] 以及音訊來源網站所提供的html嵌入碼。

目前支援的有:

例如:

[[embedaudio]]
<embed src="http://www.odeo.com/flash/audio_player_standard_gray.swf"
quality="high" width="300" height="52" name="audio_player_standard_gray"
align="middle" allowScriptAccess="always" wmode="transparent"  
type="application/x-shockwave-flash" flashvars="audio_id=99133&audio_duration=282.0&valid_sample_rate=true&external_url=http://www.vitalpodcasts.com/FileSystem/podcasts/89/opensource_episode1.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed><br /><a style="font-size: 9px; padding-left: 110px; color: #f39;
letter-spacing: -1px; text-decoration: none" href="http://odeo.com/audio/99133/view">
powered by <strong>ODEO</strong></a>
[[/embedaudio]]

嵌入其他網站的程式碼

有時候有些網站(通常是社群網站)允許你直接貼一段程式碼到你的頁面裡,以增加你的網站的功能,或嵌入一些來自其原始網站的內容。

[[embed]] 標籤

[[embed]] 區塊標籤允許你做到以上的事情。例如顯示由http://del.icio.us/help/tagrolls 提供的del.icio.us標籤雲,只需簡單地加入以下html碼:

[[embed]]
<script type="text/javascript" src="http://del.icio.us/feeds/js/tags/michal_frackowiak?icon;size=12-35;color=87ceeb-0000ff;title=my%20del.icio.us%20tags"></script>
[[/embed]]

有關支持的服務列表,請參閱頁面: 嵌入其他服務的代碼(英).

請注意,如果代碼包含<script type="text/javascript"…即只是JavaScript,當您在編輯頁面時單擊preview時,內容將無法完全呈現。 但是當你以後查看頁面時它應該在那裡。

[[iframe]] 元素

Using the iframe element one can embed content of any other web page. The syntax is

[[iframe url-source attributes]]

and it translates into HTML tags <iframe src="url-source" attributes></iframe>. The allowed attributes are: frameborder (0 or 1 allowed), align (left, right, top, bottom, middle), height (number of pixels or %), width (number of pixels or %), scrolling (yes or no), class, style

Iftags指令(關鍵字標籤)

標籤是頁面的一種特殊標籤,通過單擊頁面底部頁面選項按鈕上的標籤鏈接,由編輯手動添加。 每個標記長度最多為64個字符,標記為“空格”分隔,每頁標記沒有限制。 標籤對標籤頁面非常有用,然後很容易創建標籤雲,這樣可以更快地找到有趣的頁面或主題。

特殊標籤以下劃線開頭:它們不會自動顯示在標籤雲中,但它們可以在[[iftag]]條件中用作特殊限制。 標籤可以在ListPages模塊中使用,也可以使用通用條件(+,-)。

特殊標籤是一個特殊的條件問題。 您可以在每個頁面上使用它來對標籤進行“反應”並在所使用的特定頁面上進行設置。

Syntax:

[[iftags +tag1 -tag2 tag3]] ... [[/iftags]]

其中+/-"tag#"代表請求的標籤索引。
  • + 在標記名之前 - 此標記必須存在,(沒有修飾符的標記以相同的方式工作)
  • - 在標記名之前 - 此標記不得存在。

例:

[[iftags +science]]
此頁面標記為:科學。

點擊此處查看更多科學文章>
[[/iftags]]

[[iftags +bug -fixed]]
This is a bug, but it's not fixed yet.
[[/iftags]]

Modules指令(功能模組)

模塊是可以放在頁面中的獨立小部件。 一般語法是:
[[module 模塊名 param1="value1" param2="value2" ...]]

要閱讀有關模塊的更多信息,請參閱modules文檔部分。

附加檔案

what you type what it means
[[file filename | custom-text]] produces a link to a file attached to this page.
custom-text changes the name of a link (custom-text will be displayed instead of the file name).
[[file /another-page/filename | custom-text]] produces a link to a file attached to another-page

目標文件必須首先附加到頁面 - 通過單擊任何頁面底部選項中的“文件”和“上載文件”。

使用者

what you type what you get comments
[[user user-name]]
e.g. [[user michal frackowiak]]
michal-frackowiak user info (no buddy icon)
[[*user user-name]]
e.g. [[*user michal frackowiak]]
michal-frackowiakmichal-frackowiak user info (with buddy icon)

社群工具連結按鈕(Social bookmarking)

可以輕鬆地在頁面中添加“社交書籤”按鈕 —寫吧[[social]](沒有任何參數)並得到:
BlinkListblogmarksdel.icio.usdiggFarkfeedmelinksFurlLinkaGoGoNewsVineNetvouzRedditYahooMyWebFacebook

這相當於:

[[social blinkbits,blinklist,blogmarks,co.mments,connotea,del.icio.us,de.lirio.us,digg,fark,feedmelinks,furl,linkagogo,ma.gnolia,newsvine,netvouz,rawsugar,reddit,scuttle,shadows,simpy,smarking,spurl,tailrank,wists,yahoomyweb,facebook]]

您也可以只選擇所選服務,例如 選擇digg,furl和del.icio.us使用:

[[social digg,furl,del.icio.us,facebook]]

得到: diggFurldel.icio.usFacebook

提醒: 使用社交書籤! 將社交快捷方式置於文章或側欄內是一個好主意。

獨立的按鈕(頁面選項)

不知何故,隱藏默認頁面選項並僅向用戶顯示所選按鈕可能會很方便。它的語法是:

[[button type options]]

Where the type is: edit, edit-append, edit-sections, history, print, files, tags, source (view page source), backlinks, talk (works similar as in MediaWiki/Wikipedia).

可能的屬性是:

  • text — alternative text to be displayed
  • class — CSS class of the A element
  • style — CSS style definition

對於一些帶有圖標的漂亮的“查看源”和“打印”按鈕,您可以使用以下代碼:

[[>]]
[[button source style="background-image: url(http://www.wikidot.com/local--files/files/view-source.png); background-repeat: no-repeat; background-position: bottom right; padding-right: 20px; color: #444"]]
[[button print style="background-image: url(http://www.wikidot.com/local--files/files/document-print.png); background-repeat: no-repeat; background-position: bottom right; padding-right: 20px;color: #444"]]
[[/>]]

得到:

排版元素

排版元素

要生成tabview,即一組選項卡,可以使用以下語法:

[[tabview]]
[[tab 表1的標題]]
表1的內容。
[[/tab]]
[[tab 表2的標題]]
表2的內容。
[[/tab]]
[[tab 表3的標題]]
表3的內容。
[[/tab]]
[[/tabview]]

這將生成以下標籤集:

表1的內容。

標籤將接受任何內容,但目前無法嵌套標籤視圖。

tabview的另一個例子可以在我們的Snippets Wiki上找到,網址是http://snippets.wikidot.com/code:tabs

88x31.png ©双馨社 | 授权指南