• 点击右上角三杠,可以搜索、查看菜单

全站通知:

帮助:图片使用

来自江湖悠悠WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

介绍

  • 本页面将会简单的介绍WIKI上 单张图片 的简单使用方法
  • 上传图片的方法,可以查看:帮助:上传图片
  • 想要了解更多更详细的图片使用方法,可以查看:帮助:图像

图片命名注意!

  • WIKI中,上传的图片会存于WIKI的服务器中,通过图片的文件名,可以进行反复调用/使用。
    • 注意!同名文件会覆盖!


基本使用格式

在对应的位置加入以下源码即可:

[[file:文件名.png]]


图片的各种调整

图片调整用 详细格式:

[[file:文件名.png|显示的文件名|600px|center|link=图片链接地址]]

文件:帮助:使用图片的格式.png

  1. 上传到WIKI时,图片的文件名
  2. 图片的文件格式,可用 jpg/png/gif 等
  3. 鼠标置于图片上显示的文字,可修改
  4. 图片的尺寸,可修改,不要超过 1160px(WIKI的页面宽度)
  5. 图片于页面中的位置,可修改,置中:center 置左:left 置右:right
  6. 点击图片后连接的地址,可直接写 网页链接,本WIKI内地址填写页面名即可
  • 以上内容除 图片的文件名图片的文件格式 外,可随意添加或删除


各种实际效果

调整效果 源码 实际效果
大小(100px)
[[File:申请创建WIKI.png|100px]]
文件:申请创建WIKI.png
大小(300px)
[[File:申请创建WIKI.png|300px]]
文件:申请创建WIKI.png
置左(300px)
[[File:申请创建WIKI.png|left|300px]]
置右(300px)
[[File:申请创建WIKI.png|right|300px]]
置中(300px)
[[File:申请创建WIKI.png|center|300px]]
链接(本WIKI的页面时)
[[File:申请创建WIKI.png|link=帮助:目录]]
文件:申请创建WIKI.png
链接(非本WIKI链接时)
[[File:申请创建WIKI.png|link=https://wiki.biligame.com/wiki/%E9%A6%96%E9%A1%B5]]
文件:申请创建WIKI.png


小扩展

带文本框的图片

调整效果 源码 实际效果
基本效果(添加thumb后默认置右,且图片较小)
[[file:文件名.png|thumb|图片链接地址]]
置左
[[文件:申请创建WIKI.png|thumb|left|WIKI申请页面]]
置中
[[文件:申请创建WIKI.png|thumb|center|WIKI申请页面]]
大小:500px
[[文件:申请创建WIKI.png|thumb|500px|WIKI申请页面]]


添加 图片根据页面自适应 的效果

  • 以下内容介绍如何让图片根据屏幕适应大小,使其不会超出屏幕(主要用于限制手机/平板展示)
  • 该功能需要使用到CSS,需要详细了解请查看帮助:MediaWiki#自定义全站css(MediaWiki:Common.css)
  • 不想了解的情况下,请根据以下步骤操作即可。

详细操作步骤:

  • 第一步:复制以下源码
/*图片自适应*/
img{max-width:100%;height:auto;margin:0 auto;text-align:center;}
文件:帮助:图片自适应.png
如图粘贴放置即可
  • 操作完成,等待缓存即可