2010年12月19日 星期日

連結

內部連結範例

!WikiWords: 
  !CapitalizedWordsConnected
你可以在WikiWords前面加一個驚嘆號,來限制WikiWords的連結: CapitalizedWordsConnected
在連結中包含空白字元:
  [[This is a link]]
或:
  [[This is a link source|Description of the link]]
或:
  [[This is a link source][Description of the link]]

外部連結範例

超連結: 
 http://code.google.com/p/vimwiki

連接加描述: 
 [http://habamax.ru/blog habamax home page]

圖片與圖片連結範例

圖片連結是一種連結,以jpg, png或gif其中之一為結尾。
圖片連結: 
 http://someaddr.com/picture.jpg
在網頁中會變成:
 <img src="http://someaddr.com/picture.jpg" />

連結到本地的圖片: 
 [[images/pabloymoira.jpg]]
在網頁中會變成:
 <img src="images/pabloymoira.jpg" />

雙方括號連結到一張圖片:
 [[http://habamax.ru/blog/wp-content/uploads/2009/01/2740254sm.jpg]]
在網頁中會變成:
 <img src="http://habamax.ru/ ... /.jpg" />

雙方括號連結加描述連結到一張圖片:
 [[http://habamax.ru/blog/wp-content/uploads/2009/01/2740254sm.jpg|dance]]
在網頁中會變成:
 <a href="http://habamax.ru/ ... /.jpg">dance</a>

雙方括號連結加替換文字連結到一張圖片:
 [[http://habamax.ru/blog/wp-content/uploads/2009/01/2740254sm.jpg|dance|]]
在網頁中會變成:
 <img src="http://habamax.ru/ ... /.jpg" alt="dance"/>

雙方括號連結加替換文字加樣式連結到一張圖片:
 [[http://helloworld.com/blabla.jpg|cool stuff|width:150px; height: 120px;]]
在網頁中會變成:
 <img src="http://helloworld.com/ ... /.jpg" alt="cool stuff"
 style="width:150px; height:120px"/>

雙方括號連結不加替換文字加樣式連結到一張圖片:
 [[http://helloworld.com/blabla.jpg||width:150px; height: 120px;]]
在網頁中會變成:
 <img src="http://helloworld.com/ ... /.jpg" alt=""
 style="width:150px; height:120px"/>

縮圖連結範例

[http://someaddr.com/bigpicture.jpg http://someaddr.com/thumbnail.jpg]
或:
 [[http://someaddr.com/bigpicture.jpg|http://someaddr.com/thumbnail.jpg]]
在網頁中會變成:
 <a href="http://someaddr.com/ ... /.jpg">
  <img src="http://../thumbnail.jpg /></a>

沒有留言:

張貼留言