DTMWiki 编曲中文百科
首页 chevron_right 百科 chevron_right About chevron_right 模板

模板

分条目页面可以参考

person Exios schedule 更新于 2025-05-20

本页面内容的使用方法:点击代码区块右上角的【Copy】复制代码,在自己需要编辑的页面中的对应位置粘贴即可。

如编辑的是某个类别的条目(如厂商类别->某具体厂商),请于页面编辑完成后,在对应类别的目录中增加此条目的链接。

信息卡明确允许使用HTML语法。
对于其它HTML语法:
1.除非确有如此书写的必要,并已确认此内容无法用Markdown语法表达(例如面向页面编辑者的注释、外链播放器),否则应避免在条目中使用HTML语法;禁止滥用HTML语法
2.wiki对HTML内容的可用性不做任何保证。如果你尝试通过编写恶意HTML代码绕过安全机制,你的账号有可能永久失去编辑本wiki的权限,并且wiki保留进一步追究责任的权利。
3.wiki有限支持外链播放器,目前可用平台限定为网易云、声云(Soundcloud)、哔哩哔哩三家平台。如需新增平台,请联系管理员。

条目通用模板

对于一般的条目,请复用以下Markdown模板。
注1:非特殊情况下,建议仅使用H1~H4标题。
注2:如需使用模板中的信息卡,请务必阅读本页面中的信息卡章节

# 大标题(H1)
<!--(可选)提示栏部分-->
>当前条目需要放置的提示
{.is-info}
<!--(可选)信息卡部分-->
<div class="info-box">
    <!--注:信息卡的完整代码,请移步信息卡章节-->
</div>
<!--条目简介部分-->
正文
## 主标题(H2)
正文
### 副标题(H3)
正文(小节介绍)
#### 小节标题(H4)
**节内标题**
正文
正文
正文[^1]
## 引用/参考(H2)
<!--如果当前条目援引了其它来源的部分内容,则推荐使用引用标记。-->
[^1]: 作者名.["文章标题"](/文章链接).平台名,文章发布年份.

信息卡

注意:使用信息卡时,需要点击编辑页右上角的【页面】按钮,在弹出的“页面属性”中点击“样式”项,然后在其中添加 CSS 代码。

信息卡的HTML代码:

<div class="info-box">
  <table class="info-box-table">
    <caption class="info-caption">条目名</caption>
    <tbody>
      <tr>
        <td colspan="2">
          <div class="thumb">
            <div class="thumb-inner">
              <img src="图片链接放这里"
                   alt=
                   class="thumb-image">
              <div class="thumb-caption">图片介绍</div>
            </div>
          </div>
      </tr>
      <tr><th>属性名1</th><td>属性值1</td></tr>
      <tr><th>属性名2</th><td>属性值2</td></tr>
      <tr><th>属性名3</th><td>属性值3.1<br>(新的一行)属性值3.2</td>
      <tr><th>属性名4</th><td>属性值4</td></tr>
      </table>
</div>

信息卡的CSS代码:

.info-box {
  float: right;
  clear: right;
  width: 300px;
  margin: 0 0 1rem 1rem;
  box-shadow: 0 2px 5px rgba(0,0,0,.1)
}
.info-box-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff
}
.info-box-table th {
  width: 25%;
  background: #f8f9fa
}
.info-caption {
  font-size: 1.2rem;
  padding: .5rem;
  background: #f8f9fa;
  border-bottom: 2px solid #36c;
  text-align: center;
  font-weight: 700
}
.thumb {
  width: 280px;
  margin: 0 auto;
  padding: .5rem
}
.thumb-inner {
  position: relative;
  overflow: hidden;
  border-radius: 4px
}
.thumb-image {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 3px
}
.thumb-caption {
  padding: .3rem 0;
  font-size: .9rem;
  color: #666;
  text-align: center
}
.info-box-table td,
.info-box-table th {
  padding: .6rem;
  border-bottom: 1px solid #eee
}
.info-box-table th {
  text-align: left;
  width: 35%;
  background-color: #f9f9f9
}

@media (max-width:768px) {
  .info-box {
    float: none;
    width: 100%;
    margin: 1rem 0
  }
  .thumb {
    width: 100%;
    padding: 0
  }
  .thumb-image {
    width: 100%;
    height: auto
  }
}
search Ctrl K ESC
manage_search 输入关键词开始搜索