文字的使用
文章有时排版需要用到各种样子的文字,那么这些代码都是什么?
标题
标题是文章经常用到的一种代码,以下分类也许会给你带来帮助(标题只有六级)
一级大的标题,代码:+ (有一个空格)
二级大的标题,代码:++ (同样有一个空格)
三级大的标题,代码:+++ (同样有一个空格)
四级大的标题,代码:++++ (同样有一个空格)
五级大的标题,代码:+++++ (同样有一个空格)
六级大的标题,代码:++++++ (同样有一个空格)
文字样式
文字样式也许在一些场景可以用得着,有时候可以用来玩梗什
以下是一些可以在编辑页面中可以看到的一些小工具(什
粗体:
这是输入代码后你看到的样子
**这是代码**
斜体:
这是输入代码后你看到的样子
//这是代码//
下划线:
这是输入代码后你看到的样子
__这是代码__
删除线:
这是输入代码后你看到的样子
--这是代码--
普通上标:
对比:这是没有输入代码的普通字这是输入代码后你看到的样子
^^这是代码^^
普通下标:
对比:这是没有输入代码的普通字这是输入代码后你看到的样子
,,这是代码,,
等宽字:
这是输入代码后你看到的样子
{{这是代码}}
彩色字:
红色
##red|这是代码##
黄色
##yellow|这是代码##
绿色
##green|这是代码##
待补全
图片的插入与使用
一个好的文章配上好的图片,就会做出更好的文章,但是wikidot的图片不像其他的一样,在文件里找来找去就能找到,需要有一定的代码基础。
以下就是一些简单的图片插入方法:
[[include component:image-block
Iname=这张图片的url
|caption=这张图片的注释
例子:
❆
❆
❆
❆
❆
❆
❆
❆
❆
❆
如果你想使用经典的wikidot图片插入,可以使用以下代码:
[[image 图片来源 属性 1='值 1' 属性 2='值2 ]]
以及图片中被红圈圈起来的两个工具:
从左往右数,第一个就是上面的经典图片插入代码,第二个则是“图片精灵”,倒不如说他是一个简单的图片插入引导,点击后将会在编辑页面上出现一个浮窗,并且将会在你选定的相应位置输入一行代码,浮窗上图片总共有三种形式,根据他的提示填入url并且选择图片大小即可插入图片。
分页功能
分页功能其实确实挺好用的,但是我十分甚至九分不建议在文章中使用这个东西,但是用来存放文章的附件应该挺好的什,同时也可以分页存放你的草稿,十分甚至九分的好用啊。
这是代码:
[[tabview]]
[[tab 标签页标题 1 号]]
输入文字
[[/tab]]
[[tab 标签页标题 2 号]]
请输入文字
[[/tab]]
[[tab 标签页标题 3 号]]
插入文字
[[/tab]]
[[/tabview]]
输入后的效果:
折叠功能
折叠功能可以让你的文章排版更加整洁,而且还可以用来很多用途,比如说把文章附件放在里面,或者是把一些次要的东西放在折叠框里面,运用的好就十分甚至九分的整洁,同时也可以分页存放文章(详见"数据库")
代码:
[[collapsible show="+ 展开随便什么" hide="- 收起随便什么"]]
随便输入什么文本
[[/collapsible]]
效果:
如果需要输入的文字实在是太长了,长的不得了,你就得为为读者着想了,可以做一个,上下均可收起了一个折叠框,具体代码为:
[[collapsible show="+ 展开随便什么" hide="- 收起随便什么" hideLocation="both"]]
这个折叠块可以同时从顶部与底部收起!
[[/collapsible]]
效果:
原始文字(防止转义)
在文本两侧同行不带空格地包裹上两个 @ 符号即可转义解析并渲染出原始文本,也就是可以显示出你写的文本,就像顶上的"文字的使用教学"一样。这一点在显示出被用作 Wikidot 语法样式的符号,或者展示如何自定义文本(就像这个指导一样)时非常好用。
就像这样:
++ 健康哲♂学の忠♂告 抵制不♂良兄贵,拒♂绝虚伪弱子 注意息子保♂护,谨防上♂裆受骗 适度摔跤益♂息,过于沉迷伤♂息 合理安♂排摔跤,享受哲♂学生活
没有两个@符号包裹时
健康哲♂学の忠♂告 抵制不♂良兄贵,拒♂绝虚伪弱子 注意息子保♂护,谨防上♂裆受骗 适度摔跤益♂息,过于沉迷伤♂息 合理安♂排摔跤,享受哲♂学生活
这也可以用作转义解析换行符并阻止万恶的 Wikidot 将空行折叠到一起,只需在一行内放下四个 @ 符号即可。
就像这样:
你看
@@@@
@@@@
这有个缺口
你会看到的:
你看
这有个缺口
避免解析可以在上方工具栏中找到,图标为R。
如果你想用显示原始文字的四个 @,可以使用
[[code]](记得换行)在此插入代码[[/code]](记得换行)
来显示,就像上面的超长的代码一样,他不受换行的限制!
更高级的用法是
他们通常会放在文本的两边,可以放进[[html]]代码块中。
表格
表格使用两条竖杠 || 来指定单元格边界的位置。在竖杠的右边放一个波浪号(~ 符号)就可以让那个单元格变为标题单元格。在单元格内一行的末尾放上一个空格和一个下划线 “ _” 就能创建一个新行,使你可以在一个单元格内放下多行文本。
如:
||~ 一行必须以 ||~ 双竖杠开始 ||~ 并以其结尾 ||
|| 单元格要被 || 双竖杠分割 || 什么都没有 ||
|||| 你可以使用 || 多个分隔符 ||
|| 使得单元格 |||| 能跨越多列 ||
|||||| 但要看示例 _
才是最简单 ||
你看到的:
一行必须以 | 双竖杠开始 | 并以其结尾 |
---|---|---|
单元格要被 | 双竖杠分割 | 什么都没有 |
你可以使用 | 多个分隔符 | |
使得单元格 | 能跨越多列 | |
但要看示例 才是最简单 |
自定义div
除 Wikidot 自带的样式之外,后室维基的版式还有数个自定义 div 样式。
[[div class="blockquote"]]
自定义引用块
[[/div]]
[[div class="styled-quote"]]
样式化引用块
[[/div]]
[[div class="dark-styled-quote"]]
暗色样式化引用块
[[/div]]
[[div class="lightblock"]]
亮色块
[[/div]]
[[div class="darkblock"]]
暗色块
[[/div]]
你所看到的:
自定义引用块
样式化引用块
暗色样式化引用块
亮色块
暗色块
其实也没什么可以讲的,但还有更多。
列表
你可以用星号 * 创建一个无序列表,且可以用井号创建 # 一个有序列表。在星号或井号前加上空格就可以缩进列表。
如:
* 这个没有缩进
* 这个缩进了一次
* 这个缩进了两次
# 这个没有缩进
# 这个缩进了一次
# 这个缩进了两次
你所看到的:
出了一点小问题(恼
其他的一点点东西
分割线
代码:
------
可以做一个和判定线差不多的分割线(什
你会看到这样子:
绝对字体大小
绝对字体大小并不基于现时的字体 。用 [[size xx-small]],[[size x-small]],[[size small]],[[size large]],[[size x-large]],[[size xx-large]],或[[size npx]],(n是1-5位连小数点的数字)去指定绝对字体大小。
这是代码
[[size xx-small]]微型字[[/size]]
[[size x-small]]超小型字[[/size]]
[[size small]]小型字[[/size]]
[[size large]]大型字[[/size]]
[[size x-large]]超大型字[[/size]]
[[size xx-large]]巨型字[[/size]]
[[size 7px]]7像素大小字型[[/size]]
[[size 18.75px]]18.75像素大小字型[[/size]]
这是你看到的
微型字
超小型字
小型字
大型字
超大型字
巨型字
7像素大小字型
18.75像素大小字型
袜袄
相对字体大小
相对字体大小基于现时的字体 — 它们放大或缩小目前的字体大小。用[[size smaller]],[[size larger]],[[size nem]],或[[size n%]](n是1-5位连小数点的数字)去指定相对字体大小。懒得举例了(
待补充
作者:S_Command_block和skyblue_offical,参考文档:后室中文wikidot语法教学