Wiki語法

本頁尚未完全翻譯完成,已翻譯大约92%。


這個文件描述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. ().

要打破長方程,請使用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]]

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

Footnotes
. 也就是衛生股長小張的父親。
. 據說是班長小青的媽媽開的。

如果你對預設的標題「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 []所觀測到的。另一個引用參考的範例[見 ]。

Bibliography
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-frackowiak michal-frackowiak user info (with buddy icon)

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

可以輕鬆地在頁面中添加"社交書籤"按鈕 —寫吧[[social]](沒有任何參數)並得到:
BlinkList blogmarks del.icio.us digg Fark feedmelinks Furl LinkaGoGo NewsVine Netvouz Reddit YahooMyWeb Facebook

這相當於:

[[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]]

得到: digg Furl del.icio.us Facebook

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

獨立的按鈕(頁面選項)

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

[[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的內容。

表2的內容。

表3的內容。

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

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

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License
Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).
Notify administrators if there is objectionable content in this page.
Something does not work as expected? Find out what you can do.
General Wikidot.com documentation and help section.
Wikidot.com Terms of Service - what you can, what you should not etc.
Wikidot.com Privacy Policy.

AltStyle によって変換されたページ (->オリジナル) /