內部連結範例
!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>
沒有留言:
張貼留言