本页面内容的使用方法:点击代码区块右上角的【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
}
}