User:玄微子/萌百premier
参考资料 |
---|
Category:帮助 User:AnnAngela/WikiCode User:Momo_bly_dblk/师匠的表格教学 |
编辑页面
你看到了一个很好看的页面,它长这样:
点击页面右上角“编辑”查看源代码。你点开一看,它长这样:
{{欢迎编辑}} {{Sliding Doors |float=center |width=320px |lgstyle=background:#CC7722 |lg=<div style="font-size:2cm;text-align:right;">'''ME'''</div> |rgstyle=background:#CC7722 |rg=<font style="font-size:2cm;">'''NU'''</font> |content=<center> <img src="https://i.loli.net/2020/05/29/vwEmsIP3xNkTRpM.png" style " style="width:40px;" /> 茶 <img src="https://i.loli.net/2020/05/29/6hcBWRGXrQaV5ly.png" style="width:40px;" /> 珍珠奶茶 <br/> <img src="https://i.loli.net/2020/05/29/KmTNYIp6LAXgVw1.png" style="width:40px;" /> 咖啡 <img src="https://upload.cc/i1/2020/05/29/ONGwu2.png" style="width:40px;"/> 可口可乐(温) <br/> <img src="https://upload.cc/i1/2020/05/29/wDFSJY.png" style="width:55px;"/> 可口可乐(冷) <img src="https://s1.ax1x.com/2020/05/29/tK34HO.png" style="width:40px;" /> 100 plus <br/> <img src="https://s1.ax1x.com/2020/05/29/tKYtaT.png" style="width:40px;"/> 拉花咖啡 <img src="https://i.loli.net/2020/06/08/3fbqYPNTIdsDMrp.png" style="height:50px;" /> 橙汁 :<font style="font-size:1.50ex;">*如果以上没有你想的,能告诉我,我可以添加哦。</font> <font style="font-size:1.50ex;">*还有免费送外卖服务。</font><font style="font-size:2mm;">{{黑幕|(笑)}}</font> </center> }}
你蚌埠住了。
让我们先了解一点常识:
- 形如
{{XXX}}
的代码称作一个模板,其主页面为T:XXX。XXX为模板名,可以任意替换。 - 形如
{{XXX |A = |B = |C = }}
的代码称作含自定义参数的模板,A、B为自定义参数名。详见对应模板文档。
- 形如
<XXX>
的代码称作HTML标签,详见#HTML。 - 在style=""的双引号中的代码被称作CSS样式。
然后你就可以按照此种思维照抄和改写任何页面了。
是不是很简单?这就是模块化思维。
当然,你也可以直接头铁去沙盒中试:
用沙盒硬试的 |
---|
你打开沙盒开始尝试代码。首先复制了第一行: {{欢迎编辑}} 发现了以下效果: 又复制了模板框架: {{Sliding Doors |float=center |width=320px |lgstyle=background:#CC7722 |lg=<div style="font-size:2cm;text-align:right;">'''ME'''</div> |rgstyle=background:#CC7722 |rg=<font style="font-size:2cm;">'''NU'''</font> |content=<br /><br /><br /> //你删掉了内容,改成了几个空格 }} 发现复制后页面长这样: 又改了几个参数: {{Sliding Doors |float=center |width=520px //尝试发现这是门宽 |lgstyle=background:#443B12 //尝试发现这是左边门的颜色 |lg=<div style="font-size:2cm;text-align:right;">'''Hello'''</div> //尝试发现这是左边门上的文字 |rgstyle=background:#1157A2 //尝试发现这是右边门的颜色 |rg=<font style="font-size:2cm;">'''World'''</font> //尝试发现这是右边门上的文字 |content=<br /><br /><br /> }} 页面变成了这样:(中间省略七八次尝试) 你满怀欣喜,找到模板页面想看看能不能实现其他效果:Sliding Doors。 |
维基语法
网页基础
HTML
HTML,即超文本标记语言,是网页的基石。
HTML通过使用标记标签来描述网页,它们是由尖括号包围的关键词,这些标签可以分为成对标签和自闭合标签两种。
成对标签必须成对出现,其中第一个标签被称为开始标签(或开放标签),后一个被称为结束标签(或闭合标签)。结束标签须在关键词左侧添加左斜杠。例:
<p></p> // <p>为开始标签,</p>为结束标签
编写者希望被应用此标签的文本须置于开始标签与结束标签之间。
HTML所有的成对标签必须成对出现。同理,wikitext中的所有括号必须成对出现。
自闭合标签单独存在即可。它们有两种写法,一般形式和自闭合标签形式。例:
<br> <br /> // <br>为一般形式,<br />为自闭合形式
XML要求所有自闭合标签必须写成自闭合形式。在萌百编写时无需注意,按个人习惯选择一种即可。
CSS
CSS,即层叠样式表,用于使网页的格式产生变化。
分为内联样式表、内部样式表和外联样式表。其中外联样式表为全站样式表,普通用户无法应用。
内联样式表:在HTML标签中以style=""
形式附加的样式表。可以填写任何CSS属性,包括文本颜色、字体、字号和一些特殊操作。
内部样式表:对单个页面有效的样式表,在萌百中通常以建立名为页面名/css的子页面的方式实现。注意需要在左侧边栏的页面信息-页面内容类型中将页面内容类型改为“CSS”/“纯CSS”,否则会引发分类错误。
代码构成
维基(Mediawiki)构架下的普通用户可编辑页面[1]可分为三大类:内容页面、模板页面和分类页面。
内容页面
用于展示给游客和其他用户看的页面。包括(主)名字空间、用户名字空间等。
一般的,内容页面的代码由Wikitext、文本和魔术字(可选)三部分组成。
wikitext标签
Wikitext本质上是对HTML标签的简写,并优化了部分标签的书写格式(例如表格类标签)。亦可以在页面中直接书写HTML标签,但部分过分复杂的标签是被禁用的。Wikitext的效果参见#入门wikitext语法。
注意:在HTML标签与wikitext混用时,表格的管道符可能会和部分HTML标签冲突,请用{{!}}
替代。
特别要说的是wikitext中模板和分类的引用规则。
模板的引用方式范例:
设有一模板为 Template:A //其中Template为名字空间,表示这是个模板;A为模板名 在页面中引用模板A的代码为 {{A}} //双大括号代表引用某一页面
含参数的模板的引用方式范例:
设有一含参数模板为 Template:A 其有三个自定义参数1 2 3 在页面中引用复杂模板A的代码为 {{A // 不强制要求分行填写自定义参数内容,但请养成良好的编辑习惯 |1 = |2 = |3 = }}
值得注意的是,这种引用并不局限于引用Template名字空间下的页面,引用其他名字空间下的页面亦可,但是在引用其他名字空间下的页面是需要将页面名包括名字空间打出。例:
{{User:玄微子}} //代表引用User:玄微子的用户页全文
这种引用无法分段引用,只能展示页面全文。在其他名字空间下<noinclude>
标签的阻止引用效果仍然生效。因此理论上可以以此将页面分为两部分并引用其中一部分。
因此,若想研究一个页面是如何呈现某种效果的,可依据模板名称进行反向查询。
分类的引用方式范例:
设有一分类为 Category:A //其中Category为名字空间,表示这是个分类;A为分类名 在页面中引用分类A的代码为 [[Category:A]] // 以直链形式链接分类代表为页面添加此分类 在页面中让分类A以链接形式显示的代码为 [[:Category:A]] // 该分类将以链接形式显示,页面不会被加入对应分类 在页面中引用含索引的分类A的代码为 [[Category:A|索引名]] // 该页面将在分类页面中按索引改变排序位置
以直链形式链接的分类不会在页面上出现,而是出现在页面最下方的分类栏中。对页面分类有兴趣的用户,建议开启热猫小工具。
如果你不确定一个页面是否需要添加索引,就不要添加索引。
文本
直接书写的文字。如果在这方面的编辑上存在问题,请自行查阅语文教科书。
魔术字
用于高等函数、逻辑判断和循环的实现。高度复杂,初学者切勿尝试。
参见:Help:魔术字
模板页面
用于在其他页面中引用的页面。
在模板页面中,以<noinclude>
</noinclude>
包裹的内容不会在引用模板时显示,仅会在模板页显示。
在模板页面中,以<includeonly>
</includeonly>
包裹的内容不会在模板页显示,仅会在引用页显示。
其余部分在引用时和模板页中均会显示。
在模板页中,可以以{{{参数名|默认显示内容}}}
的格式定义自定义参数。亦可不设置默认显示内容。
- ↑ 即去除Mediawiki名字空间、Widget名字空间和受保护页面
其他
入门wikitext语法
参见:萌百编辑教程,很详细,我不重复罗列了。
样式用法
span
div
表格用法
像其他参数一样,颜色参数指定的优先顺序为:单元格→行(列)→全表。
萌娘百科 | 萌娘百科 | ||||||
萌娘百科 | |||||||
萌娘百科 | |||||||
萌娘百科 | |||||||
萌娘百科 |
| ||||||
萌娘百科 | 萌娘百科 | ||||||
萌娘百科 | 萌娘百科 | ||||||
萌娘百科 | 萌娘百科 | ||||||
萌娘百科 | 萌娘百科 | ||||||
萌娘百科 | 萌娘百科 | ||||||
萌娘百科 | 萌娘百科 |
特殊编辑
分类
模板
参数 | 作用 |
---|---|
<noinclude></noinclude> | 引用模板时不包括被<noinclude></noinclude>包裹的内容 |
<includeonly></includeonly> | 在模板页不显示被<includeonly></includeonly>包裹的内容 |
{{{参数名}}} | 用于自定义参数 |
{{doc}} | 用于添加模板文档 |
可以在已有模板的基础上加以改进,也可以利用表格写一个全新的模板。
神秘代码
代码 | 效果 |
---|---|
[{{fullurl:User:玄微子/萌百premier|action=edit}} 点此编辑] |
点此编辑 |
<inputbox> break=no type=create buttonlabel=创建 default=Special:我的用户页 preload=Special:我的用户页/preload </inputbox> |
创建页面
进行讨论
萌娘百科的讨论,约定俗成地在讨论发生地完成,也就是说,A在B的讨论页留言,则讨论于B的讨论页进行,而不是互相在对方讨论页留言。
萌娘百科的讨论,约定俗成地在讨论发生地完成,也就是说,A在B的讨论页留言,则讨论于B的讨论页进行,而不是互相在对方讨论页留言。