Mediawiki模版功能

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

🙋 {{{文本}}}

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

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

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

嵌套模板

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

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

{{{图标}}} {{{文本}}}

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

{{提示框
 |类型=info
 |图标=🙋
 |文本={{{文本}}}
 }}

在自定义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;
}

如此一来，便可以实现嵌套模板啦！