查看“Mediawiki模版功能”的源代码


进入模板:提示路由，即可建立名字为提示的模板。

<div style="background-color: #e6f7ff;border: 1px solid #91d5ff; -webkit-box-sizing: border-box; box-sizing: border-box;margin: 0; color: rgba(0,0,0,0.65);font-size: 14px;font-variant: tabular-nums;line-height: 1.5;list-style: none; font-feature-settings: 'tnum';position: relative;padding: 8px 15px 8px 37px;word-wrap: break-word;border-radius: 4px;margin: 10px 0px 10px 0px;">
<span style="font-size: 1.5em;">🙋</span> {{{文本}}}
</div>

上面的代码中，<nowiki>{{{文本}}}</nowiki>即你可以填写变量的地方，变量名就叫做文本。保存后，在其他页面这样使用

 <nowiki>{{提示 | 文本=这样就可以使用模板啦！]]}}</nowiki>


当然了，css写在单独文件是比较好的习惯，直接给div加上相应的类就好了！

嵌套模板

上面的模板，还可以设置一个母模板，以方便采用多种样式的提示框

进入模板:提示框路由，即可建立名字为提示框的母模板。

 <div class="mango-alert mango-alert-{{{类型}}}">
 <span style="font-size: 1.5em;">{{{图标}}}</span> {{{文本}}}
 </div>

然后，重新编辑上面的模板提示

 <nowiki>{{提示框
 |类型=info
 |图标=🙋
 |文本={{{文本}}}
 }}</nowiki>
在自定义CSS中加入以下代码

 .mango-alert {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    color: rgba(0,0,0,0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: 'tnum';
    position: relative;
    padding: 8px 15px 8px 37px;
    word-wrap: break-word;
    border-radius: 4px;
    margin: 10px 0px 10px 0px;
 }
 
 .mango-alert-info {
    background-color: #e6f7ff;
    border: 1px solid #91d5ff;
 }
 
 .mango-alert-warn {
    background-color: #fffbe6;
    border: 1px solid #ffe58f
 }
  
 .mango-alert-error {
    background-color: #fff1f0;
    border: 1px solid #ffa39e;
 }
如此一来，便可以实现嵌套模板啦！