- 欢迎来到THBWiki!如果您是第一次来到这里,请点击右上角注册一个帐户
- 有任何意见、建议、求助、反馈都可以在 讨论板 提出
- THBWiki以专业性和准确性为目标,如果你发现了任何确定的错误或疏漏,可在登录后直接进行改正
帮助:常用代码
| ||||||||||||||||||||||||||||||||
本頁面介紹常用的 Wiki 編寫代碼,更進階的代碼請參閱進階代碼幫助。如果您想了解如何創建新頁面,請參見這一節。
本 Wiki 採用 MediaWiki 系統,可以使用 HTML 代碼、Wiki 標記 實現各種功能。
本系列頁面用於介紹 Wiki 標記 以及部分常用的 HTML 代碼。
如果您擁有相關 HTML 或 Wiki 編輯經驗,您可以跳過本系列幫助,並參照常用模板列表進行編輯。
更高級的功能說明可以參閱解析函數功能列表或在擴展幫助文檔分類中檢索。
如果您第一次接觸 HTML 或 Wiki 的編輯,請繼續閱讀:
概述
您或許使用過記事本、Word 等文本編輯器,但是 MediaWiki 與它們有所不同,後者會從源代碼(譬如,本頁的源代碼)中讀取信息,並在服務器進行處理,最終呈現為閱讀頁面的樣子。
- 譬如,要加粗文字,只要將文字放在三個單引號之間 →
'''像这样'''。
所以 Wiki 的所有編輯均需要在源代碼頁面完成。本系列幫助頁面即是幫助您了解如何進行源代碼的編寫。
- 當您操作不夠熟練時,您還可以使用編輯框頂部的小工具進行編輯(不過並不推薦使用,不但編輯速度較慢而且無法移動到其它文本編輯器進行編輯)。
由於源代碼內容為文本,您可以在喜歡的文本編輯器進行編輯,然後複製到對應頁面的編輯區。
我們強烈推薦您在提交代碼前先複製到本地並保存,以避免不必要的編輯內容丟失。
在編輯完成後,我們推薦您首先使用「顯示預覽」按鈕查看您的編輯是否如您所期望的那樣,以避免不必要的反覆修改操作。
請尤其注意比如 <poem></poem> 這類需要配對使用的標籤是否已配對好。大部分情況下代碼充滿屏幕都是因為這類 bug。
- 請不必死記本頁面內容,需要的時候就來查吧~
如果您對編輯技術不太自信,我們推薦您使用沙盒頁面進行編輯練習。在這個頁面您可以隨意進行編輯。
如果您不知道在其它某個頁面中編輯會獲得怎樣的效果,也可以在沙盒頁面進行編輯。
沙盒(好的,通過這三遍重複,您已經記住這個頁面了)
字體與段落
| 描述 | 使用方法 | 效果 |
| 保持文字排版格式 |
在 HTML 代码中,大段的半角空格 会被忽略为一个,换行 会被当做一个普通的空格。 回车两次(↑中间有一个空行)会产生一个新的段落,并不是换行,因而不推荐使用。<br />标签会使文本进入新的一行。 <poem>如果文字较多,可以使用这个标签将文字括起来, 效果是将所有的回车换成 br 标签。如果从别处复制了大段文字,推荐使用这个标签。</poem> <nowiki>标签会将其中的全部 Wiki 标记(比如'''这个''')以及全部 HTML 标记(如<br />)保留原样。</nowiki> |
在 HTML 代碼中,大段的半角空格 會被忽略為一個,換行 會被當做一個普通的空格。 回車兩次(↑中間有一個空行)會產生一個新的段落,並不是換行,因而不推薦使用。 如果文字較多,可以使用這個標籤將文字括起來, 标签会将其中的全部 Wiki 标记(比如'''这个''')以及全部 HTML 标记(如<br />)保留原样。 |
| ||
| 編輯注釋 |
<!-- 写在这里面的字不会被显示。 --> |
|
| 文字樣式 |
'''粗体'''、''斜体''、'''''粗斜体''''' {{color:red|这样可以设置颜色。}} {{center|这样可以使内容居中。<br />内容可以是文本或图片,其中也可以加上其它标签。}} |
粗體、斜體、粗斜體 這樣可以設置顏色。 這樣可以使內容居中。
內容可以是文本或圖片,其中也可以加上其它標籤。 |
| HTML 標籤 | 某些 HTML 標籤是 MediaWiki 可以使用的,例如 <code>、<div>、<span>(使用 style="" 添加 CSS)以及全套表格相關代碼。更多內容參見 Wikipedia HTML 幫助。如果您你對 HTML 熟悉,可以嘗試使用。不過如果有效果相同的模板,我們推薦您使用對應的模板。如果對模板不清楚的話,可以參見頁面下方。 以下是若干示例: | |
|
前面介绍的设置颜色和居中其实是这样实现的:<span style="color: #F00">红色文字</span> <div style="text-align: center">居中文字</div> <s>删除线</s>,<u>下划线</u>,<code>源代码</code>,<blockquote>引用文本(会与上下都空出一部分,并在行首有一个缩进)</blockquote> <big>小槌「变大吧」</big> <big><big>小槌「变得更大吧」</big></big> by<small>少名针妙丸</small> 有时需要<sup>上标</sup>,有时需要<sub>下标</sub> |
前面介紹的設置顏色和居中其實是這樣實現的:紅色文字 居中文字
源代码,
小槌「變大吧」 小槌「變得更大吧」 by少名針妙丸 有時需要上標,有時需要下標 | |
| 標題 |
== 2级标题 == === 3级标题 === ==== 4级标题 ==== <poem> 请不要跳跃标题等级,例如 2 级标题之下直接就是 4 级标题,而没有经过 3 级标题。 1 级标题是当前页面的标题(如本页为 帮助:常用代码),所以请不要使用 1 级标题。 标题最多为 6 级。 使用 <fixed /> 可以使标题在页面滚动时跟随,详细用法参见 [[帮助:固定标题扩展]]。 当页面超过四个标题时会自动创建目录。 </poem> <!-- 使用 __NOTOC__ 可以使目录消失;使用 __TOC__ 可以使目录出现在该位置。 使用 {{TOClimit|limit=2}} 可以限制在目录中的标题最高为几级,且自带 __TOC__ 效果。 --> |
2級標題3級標題4級標題請不要跳躍標題等級,例如 2 級標題之下直接就是 4 級標題,而沒有經過 3 級標題。 當頁面超過四個標題時會自動創建目錄。 |
| 鏈接 |
<poem> [[东方风神录]] 双方括号可以链接 THBWiki 内页面; [[东方Project|什么是东方]] 也可以加上 "|" 更改显示文字; [[帮助:常用代码#概述]] 也可以这样链接到某个标题,但请不要为此设置标题。 如果需要链接到指定位置,可以使用 [[模板:锚点]]:{{锚点|anchor}} 点击这个 [[帮助:常用代码#anchor]] 就可以链接到上一行。 [https://zh.wikipedia.org] 单方括号以处理完整的 URL; [http://www16.big.or.jp/~zun/ 上海爱丽丝幻乐团] 这样可以更改显示文字。 https://cd.thwiki.cc 单独出现的地址也会被解析为网址。特别是图片 https://static.thbwiki.cc/logo.png 会直接被加载,所以若要写上外部图片链接(而不想真的加载图片),请用单方括号 [https://static.thbwiki.cc/logo.png] 或使用 nowiki 标签。 [[#anchor]] 如果是链接到当前页面的章节,可以省略页面名。 [[/子页面]] 链接到当前页面的子页面也一样。 </poem> <!--———————————————— #重定向 [[目标页面]] 或 #REDIRECT [[目标页面]] 会使进入该页面后自动跳转到目标页面。 请首先建立目标页面,再设置重定向。 --> |
東方風神錄 雙方括號可以鏈接 THBWiki 內頁面; |
| 列表 |
* 普通无序列表,显示为鳞弹。 ** 也可以这样递进。 **# 或者在其中加上些数字顺序(即有序列表,# 与 * 的用法相同)。 * 或者这样跳回上一级。 ***** 但是请注意这样跨级会出现多个图标。 * 还可以换其他类型的图标。 *d * 后紧接 d 可以换成圆盘图标,显示为针弹。 *c * 后紧接 c 可以换成圆形图标,显示为点弹。 *s * 后紧接 s 可以换成方形图标,显示为札弹。 *x * 后紧接 x 可以换成十字图标,显示为手里剑弹。 *x*x 不论有没有跨级,全用其他类型的话均会出现多个图标。 *x (回到一级) **x 前面的 * 不后接字就可以正常递进了。 **c 如果最后一个用了其他类型的话,类型号(比如在这里是 c)后必须空一格。 **c这样 c 会成为内容的一部分,列表只会包含 **。 *c*最后是 * 的话可以没有空格。 *x:*d 全都可以和缩进的 : 混用(见下)。 没有星号代表列表结束。 * 星号一定要是一行第一个字符 * 这就不行了。 |
沒有星號代表列表結束。
|
| 縮進 |
: 这样就缩进了 :: 嵌套缩进 * 与列表混合使用 *:* 跨级但不出现多余图标 *: 实际上是对列表内的一块内容进行了整体缩进 如果列表中间被阻断了 :* 可以这样恢复到高层级 :** 继续递进 ** 如果只用列表就不行了 |
如果列表中間被阻斷了
|
| 描述列表 |
; 项目 1 : 描述 1 ; 项目 2 : 描述 2-1 : 描述 2-2 ; 项目 3 : 如果只有一个描述那么可以写在同一行 : 更多的就不行了 可以和无序、有序列表混用: # 第一项 # 第二项 #* 子项目 1 #* 子项目 2 # 第三项 #; 项目 #: 描述 |
可以和無序、有序列表混用:
|
| 注音 |
| |
|
<poem> 如汉语拼音注音:{{ruby-zh|洩|xiè}} {{ruby-zh|矢|shǐ}} {{ruby-zh|诹|zōu}} {{ruby-zh|访|fǎng}} {{ruby-zh|子|zǐ}} 也可以在汉字上标注汉字:{{ruby-zh|[[华胥三绝]]|你比两绝多一绝}} 注意如果对多个文字进行统一注音可能会产生排版问题: 错误情况:{{ruby-zh|河城荷取|hè}} 正确情况:河城{{ruby-zh|荷|hè}}取 对于日语,请使用 ruby-ja 模板:{{ruby-ja|博麗|はくれい}} {{ruby-ja|霊夢|れいむ}} </poem> <!-- 推荐使用 ruby-zh 而非命名不标准的 ruby-cn(尽管两者都可以用)。 --> |
如漢語拼音注音: | |
| 引用框 |
↓ 如果一行开头是空格 这行文字会被框进框里, 会自带<poem>的效果<br />也可以用这个延续。 <pre>使用它是相同的效果,只是里面不能使用'''Wiki标记'''。</pre> |
↓ 如果一行開頭是空格 这行文字会被框进框里, 会自带<poem>的效果 使用它是相同的效果,只是里面不能使用'''Wiki标记'''。 |
| 水平線 |
单独的一行、四个或以上的短横线。 ---- 虽然与标题效果类似,但请不要用这个“模拟”标题。 |
單獨的一行、四個或以上的短橫線。 雖然與標題效果類似,但請不要用這個「模擬」標題。 |
插入圖片
| 描述 | 使用方法 | 效果 |
| 上傳圖片 | 點擊側邊欄的【上傳文件】可以上傳。 在「摘要」中寫入的內容會成為頁面的一部分。應當填寫圖片的源地址以及添加 [[分类:角色名]]、[[分类:作品名]]、[[分类:作者名]] 等(如果有的話)。如果是社團 LOGO 或 Bannner 請添加 [[分类:社团LOGO]] 以及社團對應的分類;如果是展會等活動的 LOGO 或 Banner,請添加 [[分类:活动LOGO]] 或 [[分类:活动Banner]],以及活動對應的分類。如果是展會的攤位圖宣傳圖等,也請添加活動名分類。
| |
| 插入圖片 |
插入图片就是插入图片文件的地址。<br /> 不希望展示的话,是 [[媒体:茨木华扇(茨歌仙).jpg]]<br /> 希望直接链接到对应页面的话,是 [[:文件:茨木华扇(茨歌仙).jpg]]<br /> 希望展示图片的话,直接写 文件:目标文件名 就可以了。在图片上面写的文字会默认在图片上方。 [[文件:茨木华扇(茨歌仙).jpg|frame|right|link=帮助:常用代码|茨木华扇]] (这里的文字在图片旁边)大多数情况下图片都是浮动的,这时就容易出现这个问题: === 错误显示在图片旁边的下一段标题 === 希望从某段文字起不环绕图片而是在图片下方出现的话,使用这个 {{-}} === 正确显示的下一段标题 === 这里的文字会显示在图片和前面所有东西下方。其他级别的标题如 == 标题 == 也应该这样写。 <!--———————————————— [[文件:文件名.后缀名|可以添加的参数1|参数2|参数3|...|图片标题]] 没有参数的情况下,默认为在原处放置、文字不会环绕图片。 none、center 会使其独占一行,center 还会使图片居中。 left、right 会使文字环绕图片,同时使图片居左/右。 frame、thumb 会使图片有外框并显示标题,thumb 还会使图片变为缩略图。 link= 会为图片添加超链接。 [[文件:Wiki.png|100px]] 会使图片宽度为 100px, [[文件:Wiki.png|x100px]] 会使图片高度为 100px。会根据原图宽高比成比例缩小。 [[文件:Wiki.png|100x100px]] 会使图片最长的一边等比缩放到 100px。 --> |
插入圖片就是插入圖片文件的地址。 ![]() (這裡的文字在圖片旁邊)大多數情況下圖片都是浮動的,這時就容易出現這個問題: 錯誤顯示在圖片旁邊的下一段標題希望從某段文字起不環繞圖片而是在圖片下方出現的話,使用這個 正確顯示的下一段標題這裡的文字會顯示在圖片和前面所有東西下方。其他級別的標題如 == 標題 == 也應該這樣寫。 |
| ||
| 畫廊 |
需要并列显示两张或以上的图时,应使用画廊功能。<br /> 画廊 (gallery) 功能的使用方法十分简单,只需要拿上面插入单个图片用的代码,去掉头尾的 "[[" 和 "]]",一行一张图放在 <gallery></gallery> 内即可。<br /> 最简单的例子: <gallery> 文件:东方红魔乡封面.png 东方地灵殿封面.png 东方辉针城封面.png|20px <!-- 无效 --> 东方绀珠传封面.png|绀珠传封面 东方三月精S3封面.jpg|东方三月精S3|link=东方三月精S3 <!-- 点击图片时会打开[[东方三月精S3]] --> </gallery> 开头部分的 "文件:" 是可以省略的,要注意 gallery 是不能单独指定某张图的大小的,left/right 均无效,也无需写上 frame/thumb。<br /> 使用此功能可以简单美观地插入大量图片。 |
需要並列顯示兩張或以上的圖時,應使用畫廊功能。
開頭部分的 "文件:" 是可以省略的,要注意 gallery 是不能單獨指定某張圖的大小的,left/right 均無效,也無需寫上 frame/thumb。 |
|
還可以通過加上各種屬性(
另外還有
畫廊的所有樣式都默認不會置中,如需置中可以使用 | ||
|
例子: <gallery mode="nolines" caption="nolines 无线样式"> 东方辉针城封面.png|辉针城封面 东方茨歌仙封面.jpg|茨歌仙封面 东方绀珠传封面.png|绀珠传封面 东方醉蝶华连载第一话杂志封面.jpg|醉蝶华封面 萃梦想载入界面.jpg|萃梦想载入界面 </gallery> <gallery mode="packed" caption="packed 紧凑样式"> 东方辉针城封面.png|辉针城封面 东方茨歌仙封面.jpg|茨歌仙封面 东方绀珠传封面.png|绀珠传封面 东方醉蝶华连载第一话杂志封面.jpg|醉蝶华封面 萃梦想载入界面.jpg|萃梦想载入界面 </gallery> <gallery mode="packed-overlay" caption="packed-overlay 紧凑-重叠样式"> 东方辉针城封面.png|辉针城封面 东方茨歌仙封面.jpg|茨歌仙封面 东方绀珠传封面.png|绀珠传封面 东方醉蝶华连载第一话杂志封面.jpg|醉蝶华封面 萃梦想载入界面.jpg|萃梦想载入界面 </gallery> <gallery mode="packed-hover" caption="packed-hover 紧凑-悬停样式"> 东方辉针城封面.png|辉针城封面 东方茨歌仙封面.jpg|茨歌仙封面 东方绀珠传封面.png|绀珠传封面 东方醉蝶华连载第一话杂志封面.jpg|醉蝶华封面 萃梦想载入界面.jpg|萃梦想载入界面 </gallery> |
例子:
| |
更多常用功能
| 描述 | 使用方法 | 效果 | |||||||||
| 創建新頁面 | 直接點擊紅色的鏈接,或者在搜索框輸入要創建的新頁面的名字並確認,或者直接在 thwiki.cc/ 後面輸入,就會提示是否創建新頁面了。也可以在下方的輸入框中輸入想要創建的頁面標題,然後點擊「創建新的詞條」按鈕來打開新頁面的編輯界面。 | ||||||||||
| 模板 |
<poem> {{}} 表示一个模板。 {{黑幕|如果您不会使用某个模板,推荐您找一个编写完毕的模板并进行内容替换。}} "{{" 右边、第一个 "|" 左边的一段文字是模板的名称。 进入 模板:模板名称 页面(如 [[模板:Navbox]])可以看到该模板的详细信息。 常用模板请参见 [[帮助:常用模板]]。</poem> |
||||||||||
| 插入表格 |
这是表格的开始 {| class="wikitable" |+ 这样添加表格标题 | 一道竖线是一个单元格 || 同一行如果要继续书写,之后的都要两个竖线 | 另一行开头的话就只需要一个 |----- | 这样换行(-有几个都可以) || colspan=2 style="text-align: center" | 这样添加 HTML 属性和 CSS |- style="text-align: center" <!-- 这样可以加在下面一整行上 --> | style="background: black; color: white" | 行首添加 CSS 方法相同 ! 用叹号代替竖线会获得表头的效果 !! style="color: white" | 但添加 CSS 还是用竖线 |} 这样结束表格。 |
這是表格的開始
這樣結束表格。 | |||||||||
| |||||||||||
| 添加分類 |
<poem>[[分类:帮助文档]] 这样就会给页面添加一个分类。 在页面的最下方,注明了本页面所属的分类。 点进去,就可以看到同名分类下的所有页面和文件。 如果要链接到分类页面,请使用 [[:分类:帮助文档]]。 注:沙盒会屏蔽分类,在沙盒里添加分类是无效的。</poem> |
這樣就會給頁面添加一個分類。 | |||||||||
| 注釋 |
<poem> 用<ref>注释文本需要鼠标放到上面才会显示</ref>进行注释。 相同内容的注释<ref name="说明">可以在任意一处(一般是最前面的)ref 里写下 name="", 其余的 ref 都直接加上 name="" /</ref>,可以这样<ref name="说明" />。 注释内容还会在 <references /> 处出现。如果页面没有写这个,会默认加在页尾。 </poem> |
||||||||||
| 簽名沒啥用 |
~~~ 这样显示编辑者的名字。<br /> ~~~~ 这样显示编辑者的名字和编辑时间。<br /> ~~~~~ 这样只显示编辑时间。 |
| |||||||||
| |||||||||||


