您的位置:首页 > Web前端 > CSS

TiddlyWiki 使用基本语法

2009-05-21 13:39 423 查看
转自: http://jeultw.tiddlyspot.com/
closeclose otherseditpermalinkreferencesjump
語法
YourName, 21 May 2009 (created 14 November 2006)

not tagging

no tags

文字格式

連結 (Link)

貼圖

次標頭 的層次結構 (Subheading)

項目表 (List)

表格 (Table)

引述 (Quote)

水平線

原始寫法如下:
----

讓 WIKI 語法不解析的區段

PlainText(v2.1.3以後) — 或
語法的高亮度顯示

在內容中嵌入 HTML 或 PHP 語法

插入影片
內嵌語法。參考

安裝Eric的 http://www.tiddlytools.com/#PlayerPlugin
使用簡例:
<<player flash URLofYourflash>>


巨集 (Macro)

closeclose otherseditpermalinkreferencesjump
引述
JeulTW, 14 November 2006 (created 14 November 2006)

not tagging

no tags

可以用「引述」的方式插入一段文章,用法就是在該行最前面加上 > 那麼就會在該行前面加上一條引述線了,此外也可重疊使用。

路人甲:今天天氣真不好...

路人乙:對啊,又濕又冷
    真不想上班…:@

路人丙:唉~心有戚戚焉...

原始寫法如下:
>>>路人甲:今天天氣真不好...
>>路人乙:對啊,又濕又冷
>>    真不想上班…:@
>路人丙:唉~心有戚戚焉...


另外也可以用引述區段的方式

原始寫法如下:
<<<
另外也可以用引述區段的方式
<<<


closeclose otherseditpermalinkreferencesjump
表格
JeulTW, 14 November 2006 (created 13 November 2006)

not tagging

no tags

修改自http://www.tiddlywiki.com/#Tables

例子:
標題
標頭欄一二三四五標頭欄六七八九十
左右欄合併
上下欄合併靠左
靠右
加顏色置中
其原始寫法如下:
|!標頭欄一二三四五|!標頭欄六七八九十|
|>| 左右欄合併 |
| 上下欄合併 |靠左|
|~| 靠右|
|bgcolor(#a0ffa0):加顏色| 置中 |
|標題|c

一行代表表格的一行,欄位以
|
分隔,標頭欄的文字前面加
!
。如要合併左右欄,左邊的欄位填
>
緊接前後的
|
;要合併上下欄,則下面的欄位填
~
也是緊接前後的
|
。文字只要接著前面的
|
就會靠左,只接著後面的
|
會靠右,其它則置中。標題是以
|
圍起來,最後面加
c


欄位可以加CSS描述。

另一個例子 — 請見 PeriodicTable
For advanced effects, you can control the CSS style of a table by adding a row like this:
|cssClass|k


closeclose otherseditpermalinkreferencesjump
項目表
JeulTW, 14 November 2006 (created 14 November 2006)

not tagging

no tags

這是項目表

然而
也可以用不同層次的項目表來表達

另一種項目表 編號項目表

第二項 只要前面多加 "#-" 或 "*" ,就會內縮為更深(細微)的層次了。

其它

原始寫法如下:
* 這是項目表
* 然而
** 也可以用不同層次的項目表來表達
* 另一種項目表
*# 編號項目表
*# 第二項
*## 只要前面多加 "#-" 或 "*" ,就會內縮為更深(細微)的層次了。
*# 其它


closeclose otherseditpermalinkreferencesjump
次標頭
JeulTW, 14 November 2006 (created 14 November 2006)

not tagging

no tags

次標頭的層次結構,此行以
!
為開頭,每多加一個
!
多一級:

標頭層次第一級

標頭層次第二級

標頭層次第三級

標頭層次第四級

標頭層次第五級
原始寫法如下:
! 標頭層次第一級
!! 標頭層次第二級
!!! 標頭層次第三級
!!!! 標頭層次第四級
!!!!! 標頭層次第五級


closeclose otherseditpermalinkreferencesjump
貼圖
JeulTW, 14 November 2006 (created 14 November 2006)

not tagging

no tags

貼圖語法 —
[img[說明文字|圖片][連結]]
,其中
說明文字|
[連結]
可有可無。當連結用時,目標可以是內部Tiddler、外部網站等等。

圖檔位置變化 — 靠左:
[<img[
,靠右:
[>img[


問題 — 可以把圖片放進 TiddlyWiki 檔案裡面帶著走嗎?

closeclose otherseditpermalinkreferencesjump
連結
jeul, 16 November 2006 (created 14 November 2006)

not tagging

no tags

基本格式是
[[顯示文字|連結]]
,其中
顯示文字|
可無,會直接顯示
連結
。連結的目標可以是:
內部Tiddler — 如果Tiddler名稱是WikiWord,
[[WikiWord]]
可以直接以
WikiWord
取代。如要跳脫WikiWord,不讓它變成是連結,則用
~WikiWord


外部網站 — 通常以
http://
開頭,
[[http://外部網站]]
可以直接以
http://外部網站
取代。

Interwiki (透過 Wiki 建立的資源連結)

Windows Shares 網路芳鄰分享的連結

檔案夾
this link to a Windows network share

this link to a Windows drive-mapped folder

this link to a Unix-style folder.

外部連結(v2.1.3以後) — 如"skype:"、"outlook:"....等。

closeclose otherseditpermalinkreferencesjump
文字格式
JeulTW, 14 November 2006 (created 14 November 2006)

not tagging

no tags

額外參考 http://bbs.ilc.edu.tw/dokuwiki/doku.php
支援以下基本語法,當然可以同時 組合 各種效果。
說明原始寫法輸出效果
粗體
''粗體''
粗體
斜體
//斜體//
斜體
底線
__底線__
底線
定距字體,或稱「等寬」字體
{{{定距
}}}
定距
下標字
H~~2~~O
H2O
上標字
y = x^^2^^ + 1
y = x2 + 1
刪除線
--刪除線--
刪除線
突顯
@@突顯@@
突顯
CSS語法
@@color:green;綠色@@
綠色
@@background-color:#ff0000;color:#ffffff;紅背景@@
紅背景
@@text-shadow:black 3px 3px 8px;font-size:18pt;display:block;margin:1em 1em 1em 1em;border:1px solid black;任何CSS樣式@@
任何CSS樣式
另外也支援定距區段,可用來放source code。請編輯或檢視這個tiddler來觀看語法。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息