[フレーム]

1234

▲さんかく【返回頂部】

▲さんかく【返回頂部】

+ [H1]1級標題文字
++ [H2]2級標題文字
+++ [H3]3級標題文字
++++ [H4]4級標題文字
+++++ [H5]5級標題文字
++++++ [H6]6級標題文字

▲さんかく【返回頂部】

= 此行置中
[[<]]
文字靠左對齊
[[/<]]
[[>]]
文字靠右對齊
[[/>]]
[[=]]
文字置中
[[/=]]
[[==]]
正文對齊
[[/==]]

得到的效果:

此行置中

▲さんかく【返回頂部】

[[collapsible show="可以替換成任何字" hide="收起"]]
這裡填入內文
[[/collapsible]]

[[collapsible show="可以替換成任何字的(開啟)" hide="可以替換成任何字的(收起)"hideLocation="both"]]
開心的填入內文
開心的填入內文
開心的填入內文
[[/collapsible]]

▲さんかく【返回頂部】

這是一般的文字。
> 這就是引用區塊的文字。 \
另外,注意到我們可以在行尾使用反斜線「\」, \
這樣就可以把很多行連接成同一段。
> 
> 這是另一段,接下來......
>> 這是第二層的縮排。 \
會比第一層的引用區塊往右縮得更多。
回到一般的文字。

▲さんかく【返回頂部】

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

# 第一項
# 第二項
 # 第二之一項

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

▲さんかく【返回頂部】

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

▲さんかく【返回頂部】

|| 每行字必須以雙直線 || 開始及結束 || (空白) ||
|| 方格之間 || 以雙直線間隔 || (空白) ||
|||| 你可以橫跨多個欄(即水平合併方格) || 只需要在每個格子前面 ||
|| 加上更多的 |||| 方格間隔符號 ||
|||||| 但是使用範例 _
可能是最容易看懂的方式 ||

註腳

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

在SCP基金會[[footnote]] "SCP"意為「控制」(Secure),「收容」(Contain),「保護」(Protect)或特殊收容措施(Special Containment Procedures) [[/footnote]]的宇宙中,
SCP基金會是一個跨國組織[[footnote]] SCP基金會所使用的官方語言包括英語,俄語,韓語,中文,法語,波蘭語,西班牙語,泰語,日語,德語,義大利語,葡萄牙語和烏克蘭語 [[/footnote]],負責搜尋並收容各種具有異常屬性的個人、地點或物體。
[[footnoteblock]]

在SCP基金會的宇宙中,
SCP基金會是一個跨國組織,負責搜尋並收容各種具有異常屬性的個人、地點或物體。

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

這是可以完全隱藏註腳區塊的語法
[[module CSS]]
.footnotes-footer{
display:none;
}
[[/module]]

參考資料

「參考資料」區塊以 [[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」不滿意,也可以自訂標題:用[[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]]

純文字

如果你希望某段文字以純文字方式顯示,跳過語法的效果,就把該段文字用兩個「@」號夾住。
這更多是用在講解與教學上

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

這段 文字 受到 語法效果。

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

此外在語法的開頭擺上"[[code]]"結尾使用"[[/code]]"也能有一樣的效果
這篇教學大量的使用了這兩種語法呢。

圖片

單張圖片

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

[[include component:image-block name=這裡替換成圖片來源網址|caption=圖框底下的字]]

或參考底下的解說自己設定一個

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

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

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

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

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

內容目錄(Table of Contents)

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

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

• 當你不希望使用的標題(+)被收入目錄時

+* 在標題文字的加號後方(不限級數)增加一個@@*@@符號即可

使用者

讀取登入wikidot用戶的ID

[[module ListUsers users="."]]
歡迎您,%%title%% !
[[/module]]

效果..

註解

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

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

連結

內部連結

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

URLs

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

錨點

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

錨點名稱自定就好,簡單打上[[# (A或其他之類)]]雙層中括號包夾的會是終點,單層的這個➤[#(A或其他之類) 連結顯示的文字]按鈕則是起點,這一篇教學的【返回頂部】就是用這個做的喔!

跨Wiki的連結

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

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

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

嵌入多媒體文件

視訊

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

• Google Video
• YouTube

例如:

[[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嵌入碼。

目前支援的有:

• Odeo.com

例如:

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

程式碼區塊

用[[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";
}?>

嵌入其他網站的程式碼

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

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

Iftags指令(關鍵字標籤)

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

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

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

Syntax:

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

• + 在標記名之前 - 此標記必須存在,(沒有修飾符的標記以相同的方式工作)
• - 在標記名之前 - 此標記不得存在。

例:

[[iftags +science]]
此頁面標記為:科學。
點擊此處查看更多科學文章>
[[/iftags]]
[[iftags +bug -fixed]]
This is a bug, but it's not fixed yet.
[[/iftags]]

Modules指令(功能模組)

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

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

附加檔案

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

社群工具連結按鈕(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"]]
[[/>]]

得到: