使用者:玄微子/萌百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的討論頁進行,而不是互相在對方討論頁留言。