PukiWiki/教學/貼圖教學

ref語法 †

#ref( 附加檔案名 | 網頁名/附加檔案名 | URL [,網頁名] {, [left|center|right], [wrap|nowrap], [around], [noicon], [noimg], [nolink], [zoom], [999x999], [999%] } [,圖片標題] )

以#開頭的ref必須放在行開頭才能作用，可以做到靠左/中/右對齊的設定，預設是不貼合文字。

&ref( 附加檔案名 | 網頁名/附加檔案名 | URL [,網頁名] {, [noicon], [noimg], [nolink], [zoom], [999x999], [999%] } [,圖片標題] );

以&開頭;結尾的ref預設為貼合文字。

• 引數：
  • left|center|right - 圖片顯示的位置。省略時預設為left(可變更)。
  • wrap|nowrap - 在圖片周邊用框線圍起來。省略時預設為nowrap(可變更)。
  • around - 可貼合文字。省略時為不貼合文字。
  • noicon - 當檔案網址為圖片以外的情況下，不顯示檔案圖示。省略時預設為顯示。
  • noimg - 當檔案網址為圖片的情況下，不顯示圖片只提供連結。省略時預設為顯示。
  • nolink - 不產生連結到原檔案路徑的連結。省略時預設為連結。
  • zoom - 圖片保持等比。省略時則依據圖片大小指定。
  • 999x999 - 指定圖片大小(寬x高)。省略時則依據圖片比率指定。
  • 999% - 指定圖片比率(放大率)。省略時預設為100%。
  • 圖片標題 - 上述以外的字串皆視為圖片的標題。

可以同時使用數個引數。

向左/中/右靠齊 †

#ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,left)
#ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,center)
#ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,right)

圖片加框 †

#ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,wrap)

貼合文字 †

圖文分離 †

#ref(http://cuc.moe.hm/wiki/image/pukiwiki.png)

圖片前。

圖片後。

圖左字右 †

#ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,around)

行一。

行二。

行三。

圖右字左 †

#ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,right,around)

行一。

行二。

行三。

字中插入 †

&ref(http://cuc.moe.hm/wiki/image/pukiwiki.png);

圖片前。 圖片後。

下一行。

圖片副標題 †

&ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,這是圖片的副標題);

內部連結 †

[[&ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,回到首頁);>FrontPage]]

外部連結 †

[[&ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,中文偽春菜後援會);>http://cuc.moe.hm/]]

圖片縮放 †

&ref(http://cuc.moe.hm/wiki/image/pukiwiki.png,160x176);

img語法 †

由於此語法易造成排版的不完整，在官方文件中已不推薦使用，僅作為對舊版的相容性而保留。

圖文貼合 †

#img(http://cuc.moe.hm/wiki/image/pukiwiki.png)
#img(,clear)

貼合文字。

貼合文字其之二。

貼合完畢。

圖文分離 †

#img(http://cuc.moe.hm/wiki/image/pukiwiki.png,left,clear)

圖片前。

圖片後。