跳转到内容

模板使用教程

来自osm&bio
Magezeya​（留言 | 贡献）2025年8月23日 (六) 17:47的版本

模板其实是非常强大的工具，但是因为其学习成本较高，所以没有被广泛的使用。这个词条会详细写教程

欢迎来到osm&bio！ 我们诚挚地欢迎每一位新朋友。如果您有任何问题，可以在这个wiki找到答案，或者在留言板提问。


以上内容是模板Welcome的实际效果,可以通过对应的模板找到这段文本

你可以在这个尝试一下,输入两个{,

欢迎来到osm&bio！ 我们诚挚地欢迎每一位新朋友。如果您有任何问题，可以在这个wiki找到答案，或者在留言板提问。


会弹出来一个页面,在添加新模板里面输入Welcome，然后插入，就会看到这段文字

还有另外一个模板可以使用

🎉 欢迎来到 osm&bio！ 🎉


我们非常高兴您的加入！请：

示例模板A

支持Wikitext、HTML、CSS

   2026年02月4日
   osm&bio
   模板使用教程

Wikitext

文本格式化

这是粗体文本 → 这是粗体文本

这是斜体文本 → 这是斜体文本

这是粗斜体 → 这是粗斜体

这是等宽字体 → 这是等宽字体

HTML & CSS

高级排版

这是使用自定义字体的文本

带有阴影的文本效果

Flexbox布局

Flex项 1
Flex项 2
Flex项 3

解析器函数技术展示

条件逻辑

参数1: 参数1

       ✅ 已提供参数1: "参数1"

数学计算

15 × 3 + 7 = 52

210 = 1024

时间函数

当前时间: 2026年02月04日 11:09:07

本模板展示了MediaWiki平台的核心技术能力



如何创建一个新的模板？

编辑模式下，点击对应的模板可以跳转至对应词条

以上模板由AI生成

支持以上代码。如果想要新建一个模板，需要按两次{，然后插入一个添加模板模板:这是一个新的模板，一个新的模板会像这个示例一样，是一个没有内容的红链（请勿为这个演示用的模板增加内容，不然会看不到这个红链）点击这个红链，跳转到对应的模板界面，编辑源代码（使用AI也可以，但是需要完成debug，确保模板可用），即可使用以上语言进行处理，希望创建模板的人可以把对应的文档写明白，方便其他人使用。

在调用模板的时候，最好不用可视化编辑，在源码中进行编辑才能输入以下的内容。

{{模板名|参数|参数}}

一些其他可供使用的模板

倒计时正计时

模板名：Countdown

距离这个词条创建已经167天了


这个模板的使用方式 

{{Countdown|目标日期|utc=时区|time=精度|text=后缀文本}}

参数说明

1 (必需)
目标日期，格式为YYYY-MM-DD或YYYY-MM-DD HH:MM:SS
utc (可选)
时区偏移，例如+8表示UTC+8，-5表示UTC-5
time (可选)
时间精度，可选值：day(天)、hour(小时)、minute(分钟)、second(秒)，默认为day
text (可选)
显示在数字后面的后缀文本

导航栏模板

这一类模板可以做到如右边的那种效果，下面提供制作这样的模板的方式，希望其他的编辑者如果有能力可以进行这样的索引。

中国


以上的内容通过以下的简易代码(类似html)实现

<includeonly>
<div style="width: 100%; margin: 1em 0; border: 1px solid #a2a9b1; background-color: #f8f9fa; font-size: 95%; line-height: 1.5em; box-sizing: border-box;">
<div style="text-align: center; font-size: 125%; font-weight: bold; padding: 0.4em; background: #ececec; border-bottom: 1px solid #a2a9b1;">中国</div>

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0.5em;">
  <!-- 概况部分 -->
  <div style="flex: 1; min-width: 200px; padding: 0.5em;">
    <div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">概况</div>
    <div style="text-align: center;">
      [[中国历史|历史]] • [[中国地理|地理]] • [[中国政治|政治]]· [[中国经济|经济]] • [[中国法律|法律]] • [[中国军事|军事]]·[[中国外交|外交]]
    </div>
  </div>

  <!-- 行政区划部分 -->
  <div style="flex: 1; min-width: 200px; padding: 0.5em;">
    <div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">行政区划</div>
    <div style="text-align: center;">
      [[北京市]] • [[天津市]] • [[上海市]] • [[重庆市]]·[[香港特别行政区]] • [[澳门特别行政区]]·[[宁夏回族自治区]] • [[新疆维吾尔自治区]][[内蒙古自治区]] • [[广西壮族自治区]] • [[西藏自治区]]·[[甘肃省]] • [[青海省]] • [[台湾省]]·[[四川省]] • [[贵州省]] • [[云南省]] • [[陕西省]]·[[湖北省]] • [[湖南省]] • [[广东省]] • [[海南省]]·[[福建省]] • [[江西省]] • [[山东省]] • [[河南省]]·[[黑龙江省]] • [[江苏省]] • [[浙江省]] • [[安徽省]]·[[河北省]] • [[山西省]] • [[辽宁省]] • [[吉林省]]      
    </div>
  </div>

  <!-- 文化部分 -->
  <div style="flex: 1; min-width: 200px; padding: 0.5em;">
    <div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">文化</div>
    <div style="text-align: center;">
      [[中国文化|文化]] • [[中国艺术|艺术]] • [[中国文学|文学]]·[[中国音乐|音乐]] • [[中国电影|电影]] • [[中国饮食|饮食]]·[[中国体育|体育]] • [[中国教育|教育]] • [[中国科技|科技]]·[[中国传统医学|中医]] • [[中国节日|节日]]
    </div>
  </div>

  <!-- 人口部分 -->
  <div style="flex: 1; min-width: 200px; padding: 0.5em;">
    <div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">人口</div>
    <div style="text-align: center;">
      [[中国人口|人口]] • [[中华民族|民族]]·[[汉语|语言]] • [[中国宗教|宗教]]
    </div>
  </div>
</div>

<div style="text-align: center; font-size: 90%; padding: 0.5em; border-top: 1px solid #a2a9b1; background: #ececec;">
[[中华人民共和国]] • [[中国共产党]] • [[中国领导人|领导人]]
</div>
</div>
</includeonly>

下面是这个分类模板的变形方式

首先需要使用统一风格的框框

这个代码在编辑界面需要以<includeonly>（这是代码）</includeonly>包裹，称为标签

在标签内增加一个标签——统一格式的外观容器

<includeonly>
<div style="width: 100%; margin: 1em 0; border: 1px solid #a2a9b1; background-color: #f8f9fa; font-size: 95%; line-height: 1.5em; box-sizing: border-box;">
<!--这里面是导航具体的内容-->
<!--注释长成这样"<!---->"-->
</div>
</includeonly>

然后我们在我们内层的那个标签里面增加一些我们需要的分类，例如下面

<div style="text-align: center; font-size: 125%; font-weight: bold; padding: 0.4em; background: #ececec; border-bottom: 1px solid #a2a9b1;">中国</div>

下面是演示效果，这段顶格，无缩进的代码呈现效果是这样的

中国

解释：

style是容器，内部具有一些这样的参数。

  • width后面跟百分数，指的是占父容器的宽度，100%就是自适应占满
  • margin后面跟两个数字，单位是em。指的是边距，第一个数字是上下，后面是左右。1em 0就是上下1em边距，左右无边距
  • border指的是边框，1px是边框的厚度，solid是颜色。
  • font-size 这个是字体大小，是和父元素相比的

如果有缩进（两个空格）的话，我们就可以做到这样的效果

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0.5em;">
  <!-- 概况部分 -->
  <div style="flex: 1; min-width: 200px; padding: 0.5em;">
    <div style="text-align: center; font-weight: bold; background: #ececec; padding: 0.3em; margin-bottom: 0.5em;">概况</div>
    <div style="text-align: center;">
      [[中国历史|历史]] • [[中国地理|地理]] • [[中国政治|政治]]· [[中国经济|经济]] • [[中国法律|法律]] • [[中国军事|军事]]·[[中国外交|外交]]
    </div>
  </div>
</div>
中国
概况

（懒得写了，等待其他大佬补充完整这个教程，但到此为止应该会做了吧。。。）

如果想在模板页面写说明的话，你需要知道以下的内容

<nowiki>这个标签里面的wikitext不会被读取</nowiki>

<noinclude>这个标签里面的内容可以被呈现在模板页面的说明里<br>这个符号是换行符，相当于回车</noinclude>

已有的导航栏

如果有大佬制作好了某一个导航栏的模板，请将其模板名放在这里。

{{无纸化学习}}
安卓
iOS
付费
MAC
付费
Windows
付费
Linux
付费



学科分类表
分子与细胞生物学
植物科学与微生物学
动物科学与生态学
遗传与进化生物学



}}

检索自“https://osm.bio/index.php?title=模板使用教程&oldid=11620”