Kikunai手把手教你使用外部圖床

您正在查詢的標題為:關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:人物檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部

您正在查詢的標題為:基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消

scp-logo-zh.svg
繁中原創
scp-logo-en-400.png
主站翻譯

scp-logo-ru.svg
俄文分部
scp-logo-ko-400.png
韓文分部
scp-logo-cn-400.png
中國分部
scp-logo-fr-400.png
法文分部
scp-logo-pl.svg
波蘭分部
scp-logo-es.svg
西語分部
scp-logo-th.svg
泰文分部
scp-logo-dach-400.png
德文分部
scp-logo-it.svg
義語分部
scp-logo-ua.svg
烏克蘭分部
scp-logo-pt-400.png
葡語分部
scp-logo-cs.svg
捷克分部
scp-logo-vn-400.png
越南分部
評分: +4+x

基於本維基未有1開放上載檔案功能,因此如果要在頁面添加圖像或動圖都必須使用外部圖床。以下將會介紹兩個圖床網站(Imgur和Flickr)和其他Wikidot維基2的頁面檔案編輯器的使用方式。

如需要使用外部網站的圖片可忽視此教學;在確認其授權方式後按右鍵複製圖片連結即可。

圖床

Imgur

雖然Imgur無需註冊就能使用,但你的圖片或有機會被視為「非活躍」而刪除,因此還是推薦乖乖辦個帳戶。

  • 需注意網頁版Imgur才能使用此方法。
  • 接受jpg、png、gif等圖像格式

1. 首先到https://imgur.com/註冊,途徑任意。

imgur-0

Imgur註冊/登入界面3

2. 在確認登入以後按上方的 New post(新帖文),然後上載圖片

imgur-1

新帖文

3. 按右上角頭像顯示選項清單,然後按 Image(圖像庫)

imgur-2

圖像庫

便來到這個版面。建議將這頁加入瀏覽器標籤。

imgur-5

這裏可以一覽你上載過的圖片。

如果顯示錯誤版面,請確保自己處於登入狀態,或者回到上一頁按右下方的「使用舊設計」(Use Old Design)

imgur-3

錯誤頁

4. 按需要取得連結的圖片,然後按 Direct link(直接連結)下的 Copy(複製)

imgur-6

直接連結


▼如何使用手上的圖床連結▼

Flickr

  • 會自動將你的圖像轉為jpg檔,所以不支援去背png和gif。
  • 一個免費flickr帳號只可上傳1000張圖像
  • 提供授權標示,是發表以Creative Commons授權的靜態圖像的好平台。

1. 到https://www.flickr.com/註冊

flickr-1

Flickr

2. 按右上方的「上傳」

flickr-2

上傳按鈕

flickr-3

上傳界面

3. 上傳圖片後可在側欄更改設定,例如授權方式4和私隱設定。

flickr-4

設定

flickr-5

授權方式


4. 記得按右上角的「上載圖片」
flickr-6

上傳界面

5.按「繼續前往相片流」回主頁

flickr-7

上傳界面

6. 如果你設定的是「只有你才能看見」,圖就會出現在相機膠卷。按縮圖,然後放大。

flickr-8

上傳界面

7. 按右鍵就得到圖像鏈結了

flickr-9

複製圖像鏈結


▼如何使用手上的圖床連結▼

其他wikidot網站

  • 接受所有檔案格式,包括jpg、png、gif、webp。

1. 由於各Wikidot的檔案儲存空間有限5,請先將圖片(尤其是畫作)壓縮至2MB以下。6

compresser

圖片壓縮網站

2. 在取得壓縮過的圖片後,到下方的「檔案」(Files)選項上載。

wikidot-1

上載

3. 選取檔案後建議重新命名,尤其原始名稱是亂碼的時候。

wikidot-2

重新命名;無需檔案後綴

4. 上載後按右鍵取得連結。

wikidot-3

圖像連結;這裏也可見檔案大小7

如何使用手上的圖床連結

以下為常用的圖像框代碼,紅色文字表示插入圖床連結的部分,而藍色文字表示可更改的設定值。

Wikidot內置的圖像框

詳情可參考此處,缺點就是圖片下方沒有文字描述。

[[image 圖像連結 屬性1="設定值1" 屬性2="設定值2" ]]

Image block

即平時看到會靠左方或右方的圖像框。

[[include component:image-block
name=圖像連結
|caption=底部文字描述
|width=圖像寬度,接受%、px、auto等函數
|link=點擊圖像後跳轉的連結
|align=接受left、right
]]

SCP Image Block

代碼比較多,但可以置中。為本教學使用的圖像框。

[[div class="scp-image-block block-center"
style="width:圖像寬度,接受%、px、auto等函數;"]]
[[image 圖像連結
style="width:100%;"]]
[[div class="scp-image-caption" style="width:100%;"]]
底部文字描述
[[/div]]
[[/div]]

更多圖像框代碼可以到文章使用零件中心頁SCP格式資源的相關部分查看。




除非特別註明,本頁內容採用以下授權方式: Creative Commons Attribution-ShareAlike 3.0 License