說明:視頻與圖片集維護說明
更多語言
更多操作
本頁用於記錄「視頻 Videos」與「圖片集 Portfolio」頁面的維護方法，方便後續編輯者添加視頻、補充封面、上傳圖片和擴展圖片集內容。
視頻頁面維護
視頻頁面主要使用模板 {{视频}} 展示外鏈視頻。普通編輯者只需要在頁面中添加模板，不需要手動寫 HTML 或 CSS。
添加一個新視頻
在「視頻 Videos」頁面中添加以下格式：
{{视频
|标题=视频标题
|链接=https://www.bilibili.com/video/BVxxxxxxxxxx
|平台=BiliBili
}}
如果已經有封面文件，也可以手動指定封面：
{{视频
|标题=视频标题
|链接=https://www.bilibili.com/video/BVxxxxxxxxxx
|平台=BiliBili
|封面=Bilibili封面-BVxxxxxxxxxx.jpg
}}
欄位說明：
- 標題：視頻卡片中顯示的視頻名稱。
- 連結：視頻地址，目前主要支持 Bilibili 視頻連結。
- 平台：視頻平台名稱，例如 BiliBili。
- 封面：可選欄位。填寫後，視頻卡片左側會顯示該圖片作為縮略圖。
自動補充 Bilibili 封面
伺服器上有一個腳本可以自動掃描視頻頁面中的 Bilibili 連結，抓取視頻封面，上傳到 Wiki，並把封面欄位補回模板中。
腳本位置：
/opt/wiki/tools/bilibili_cover_bot.py
手動運行方式：
python3 /opt/wiki/tools/bilibili_cover_bot.py \ --api https://wiki.noblecraftmusic.cloud/api.php \ --user 你的Wiki用户名 \ --title "视频 Videos"
建議正式執行前先 dry-run 檢查：
python3 /opt/wiki/tools/bilibili_cover_bot.py \ --api https://wiki.noblecraftmusic.cloud/api.php \ --user 你的Wiki用户名 \ --title "视频 Videos" \ --dry-run
如果 dry-run 顯示會修改頁面，再去掉 --dry-run 正式執行。
注意事項：
- 腳本只會處理使用 {{视频}} 模板的視頻。
- 連結中需要包含 Bilibili 的 BV 號。
- 已經有
封面=的視頻通常不會重複處理。 - 如果封面沒有顯示，先檢查文件名是否完整、模板中是否已經補上
封面=文件名.jpg。
圖片集頁面維護
「圖片集 Portfolio」頁面使用自定義卡片排版。添加圖片時，不再直接使用普通的 [[File:...|thumb]] 排列，而是把圖片放進對應的卡片結構中。
添加圖片前，請先把圖片上傳到 Wiki，並記住上傳後的文件名。
添加官方設定圖
官方設定圖放在「官方設定圖」下的對應區域，例如「伺服器娘」。
在對應的 nc-character-grid 區塊中，添加一個卡片：
<div class="nc-art-card"> <div class="nc-art-image">[[File:文件名.jpg|link=File:文件名.jpg]]</div> <div class="nc-art-caption">'''作品标题'''<br><span>画师：作者名</span></div> </div>
示例：
<div class="nc-art-card"> <div class="nc-art-image">[[File:诺布-新服装.jpg|link=File:诺布-新服装.jpg]]</div> <div class="nc-art-caption">'''诺布 - 新服装'''<br><span>画师：作者名</span></div> </div>
添加 LOGO 或品牌素材
LOGO 區使用 nc-logo-card。在 LOGO 區添加：
<div class="nc-logo-card"> <div class="nc-logo-image">[[File:文件名.png|frameless|320x180px|link=File:文件名.png]]</div> <div class="nc-art-caption">'''作品标题'''<br><span>设计：作者名</span></div> </div>
如果是夜間版、黑底版 LOGO，可以在圖片區額外加 nc-logo-dark：
<div class="nc-logo-card"> <div class="nc-logo-image nc-logo-dark">[[File:文件名.png|frameless|320x180px|link=File:文件名.png]]</div> <div class="nc-art-caption">'''作品标题'''<br><span>设计：作者名</span></div> </div>
添加玩家創作
玩家創作放在「玩家創作」區域的 nc-fanart-grid 中。
<div class="nc-art-card"> <div class="nc-art-image">[[File:文件名.jpg|link=File:文件名.jpg]]</div> <div class="nc-art-caption">'''作品标题'''<br><span>创作者：作者名</span></div> </div>
示例：
<div class="nc-art-card"> <div class="nc-art-image">[[File:诺布娘 - 玩家名.jpg|link=File:诺布娘 - 玩家名.jpg]]</div> <div class="nc-art-caption">'''诺布娘'''<br><span>创作者：玩家名</span></div> </div>
添加隱藏展區圖片
隱藏展區目前建議繼續使用摺疊模板，不建議在摺疊模板里塞複雜卡片代碼。
推薦格式：
{{折叠|标题=这是？|[[File:文件名.jpg|center|thumb|420x420px|'''作品标题'''<br>创作者：作者名]]}}
樣式修改說明
視頻卡片和圖片集卡片的樣式寫在：
MediaWiki:Common.css
一般編輯內容時，不需要修改 CSS。只有在需要調整卡片尺寸、陰影、顏色、間距時，才修改 Common.css。
重要原則：
- 頁面內容放在「視頻 Videos」或「圖片集 Portfolio」頁面中。
- 視覺樣式放在
MediaWiki:Common.css中。 - 不要用新的 CSS 覆蓋整份 Common.css，除非已經確認備份。
- 添加補丁類 CSS 時，通常放在 Common.css 的最底部，方便覆蓋舊樣式。
常見問題
視頻沒有封面
可能原因：
- 模板中還沒有
封面=欄位。 - 自動腳本還沒有運行。
- Bilibili 連結格式不規範，腳本沒有識別到 BV 號。
- 封面文件名中有特殊字符，導致圖片沒有被正確引用。
建議先檢查頁面源碼中對應視頻模板是否已經出現 封面=...。
圖片集新圖片沒有變成卡片
通常是因為圖片沒有放進正確的卡片結構中。請確認圖片被包在：
<div class="nc-art-card"> ... </div>
或：
<div class="nc-logo-card"> ... </div>
裡面。
圖片比例不一樣會不會影響頁面
不會。圖片集卡片會自動把圖片限制在展示區域內。不同尺寸、不同長寬比的圖片都可以添加，但建議上傳清晰版本，並儘量避免過小的圖片。
白底圖片看起來突兀怎麼辦
目前圖片集樣式已經儘量使用接近白色的展示底，減少白底圖片的突兀感。如果仍然明顯，可以優先考慮上傳帶透明背景的 PNG，或保留原圖但接受其作為作品本身的一部分展示。