[quote]平时有留意每谜、大赛答题帖的同学一定有注意过答题帖里不少帖子是五花八门的。不仅是插入图片这种随处可见的操作,还有[b]文字颜色、加粗、斜体、下划线、删除线、链接、引用、表格、at他人[/b]等等。
这些并非什么高级特权,都是学院发帖中最基本的操作。目前客户端上已添加编辑器可使用常见代码,但如果能记住一些基本的,比如文字颜色、加粗,也会对自己的帖子排版起到很大的作用。
[b][color=red]好的排版能让你的贴子赏心悦目,这不仅是对读者负责也是对自己的贴子负责。[/color][/b][/quote]下面我就逐一讲解该如何使用这些效果。
[maintitle=s7][b]基础原理——代码[/b][/maintitle]
看到 [b]代码[/b] 有的人可能就懵逼了,觉得是高深的东西,其实不然。在学院帖子里的代码都是非常简单的,和真正的代码根本不同,只不过都用代码来称呼。
下面是代码的范例:[quote][code][i]斜体字的代码[/i]
[b]粗体字的代码[/b]
[color=red]彩色字的代码[/color][/code][i]斜体字的代码[/i]
[b]粗体字的代码[/b]
[color=red]这是彩色字的代码[/color][/quote]可以看到前两个代码是以[b] [xxx]内容[/xxx] [/b]的形式书写,这也是学院代码最常用的格式。
[b][xxx] 是开头,[/xxx] 是结尾[/b],在开头结尾以外的内容就不会受到代码效果的影响,记住 xxx 就可以随意使用了。而第三个颜色代码则是 [xxx=yy] 开头,这样的代码可由用户自己决定参数。
绝大部分代码还可以[b]混合使用[/b]:
[quote][code][color=red][b]一行又粗又红的文字[/b][/color][/code][color=red][b]一行又粗又红的文字[/b][/color][/quote]
[maintitle=s7][b]基础入门——基操都坐下![/b][/maintitle]
[maintitle=s1][b]颜色代码[/b][/maintitle]
[quote][实际效果]
[color=blue]这是一段蓝色的文字[/color]
[使用代码][code][color=blue]这是一段蓝色的文字[/color][/code][/quote][p=30, 0, left]颜色代码用于改变文字的颜色,代码格式为 [color=颜色名]文字[/color]
一般用来突出需要强调的内容使重点内容一目了然,常与[粗体字] [字体大小]配合使用
为了避免过于颜色过多导致帖子杂乱,目前学院仅支持除默认颜色外的 25 种颜色:[/p]
[switch=点击查看支持的颜色及名称]
(记住些基本的就行了,都9102年了 red、green、blue 还能记不住?)
[table]
颜色|名称(英文)|实际效果
[color=skyblue]▇▇[/color]|skyblue|[color=skyblue]skyblue 天蓝[/color]
[color=royalblue]▇▇[/color]|royalblue|[color=royalblue]royalblue 宝蓝[/color]
[color=blue]▇▇[/color]|blue|[color=blue]blue 蓝[/color]
[color=darkblue]▇▇[/color]|darkblue|[color=darkblue]darkblue 暗蓝[/color]
[color=limegreen]▇▇[/color]|limegreen|[color=limegreen]limegreen 柠檬绿[/color]
[color=seagreen]▇▇[/color]|seagreen|[color=seagreen]seagreen 海龟绿[/color]
[color=teal]▇▇[/color]|teal|[color=teal]teal 青绿[/color]
[color=green]▇▇[/color]|green|[color=green]green 绿[/color]
[color=orange]▇▇[/color]|orange|[color=orange]orange 橙[/color]
[color=coral]▇▇[/color]|coral|[color=coral]coral 珊瑚橙[/color]
[color=tomato]▇▇[/color]|tomato|[color=tomato]tomato 番茄色[/color]
[color=orangered]▇▇[/color]|orangered|[color=orangered]orangered 橘红[/color]
[color=crimson]▇▇[/color]|crimson|[color=crimson]crimson 深红[/color]
[color=red]▇▇[/color]|red|[color=red]red 红[/color]
[color=darkred]▇▇[/color]|darkred|[color=darkred]darkred 暗红[/color]
[color=sienna]▇▇[/color]|sienna|[color=sienna]sienna 黄褐色[/color]
[color=deeppink]▇▇[/color]|deeppink|[color=deeppink]deeppink 深粉色[/color]
[color=purple]▇▇[/color]|purple|[color=purple]purple 紫[/color]
[color=indigo]▇▇[/color]|indigo|[color=indigo]indigo 靛蓝[/color]
[color=burlywood]▇▇[/color]|burlywood|[color=burlywood]burlywood 实木色[/color]
[color=sandybrown]▇▇[/color]|sandybrown|[color=sandybrown]sandybrown 沙褐色[/color]
[color=chocolate]▇▇[/color]|chocolate|[color=chocolate]chocolate 巧克力色[/color]
[color=silver]▇▇[/color]|silver|[color=silver]silver 银灰[/color]
[color=white]▇▇[/color]|white|[color=white]white 白[/color]
[/table]
[/switch]
[maintitle=s1][b]加粗[/b][/maintitle]
[quote][实际效果]
这是普通字体[b]这是加粗的字体[/b]
[使用代码][code]这是普通字体[b]这是加粗的字体[/b][/code][/quote][p=30, 0, left]字体加粗用于强调内容,是排版中最最最常用的代码[/p]
[maintitle=s1][b]字号[/b][/maintitle]
[quote][实际效果]
[size=1]最小字号[/size];[size=2]小字号[/size]; [size=3]默认字号[/size];[size=4]大字号[/size];
[使用代码][code][size=1]最小字号[/size];[size=2]小字号[/size]; [size=3]默认字号[/size];[size=4]大字号[/size];[/code][/quote][p=30, 0, left]字号用于改变文字的大小,其代码为[size=字号]文字[/size]
为了避免在移动端字号过大影响阅读,所以最大字号仅支持到 4 号。
一般只将字号放大,并配合[粗体字]用于标题,强调内容,导读首字等;极少数特殊情况下也可以进行缩小用以弱化内容[/p]
[maintitle=s1][b]删除线[/b][/maintitle]
[quote][实际效果]
[s]人民群众喜闻乐见的删除线[/s]
[使用代码][code][s]人民群众喜闻乐见的删除线[/s][/code][/quote][p=30, 0, left]用于将文字中间加一道删除线,一般用于来表达内心吐槽
偶尔也用来标记已经失去时效性,但不方便直接删除的消息、通知或资料以及一些玩笑等
具体的用法请自行体会理解 [s]真的很难编[/s][/p]
[maintitle=s1][b]下划线 / 斜体字[/b][/maintitle]
[quote][实际效果]
[u]这是加了下划线的字体[/u] [i]这是斜体字[/i]
[使用代码][code][u]这是加了下划线的字体[/u] [i]这是斜体字[/i][/code][/quote][p=30, 0, left]因为这两种用法都不太常见,所以就放在一起介绍了
具体使用场合……很难想到,所以稍微知道一下有这两种效果就行[/p]
[maintitle=s1][b]链接[/b][/maintitle]
[quote][实际效果]
[url]http://www.tuilixy.net/[/url] [url=http://www.tuilixy.net/]贝克街推理学院[/url]
[使用代码][code][url]http://www.tuilixy.net/[/url] [url=http://www.tuilixy.net/]贝克街推理学院[/url][/code][/quote][p=30, 0, left]用于使网址具有超链接效果
为了方便,一般来说是不需要手动对网址添加代码的,系统在帖子发布时会自动给网址添加上代码
部分网址会因为比较特别(例如包含中文)而无法准确针对网址添加代码[/p]
[maintitle=s7][b]高阶应用——一顿操作猛如虎![/b][/maintitle]
[maintitle=s1][b]视频[/b][/maintitle]
[quote][实际效果]
[bilibili=https://www.bilibili.com/video/av2465136]
[youku=https://v.youku.com/v_show/id_XNDEwMjg2MjcyNA==.html]
[使用代码][code][bilibili=https://www.bilibili.com/video/av2465136]
[youku=https://v.youku.com/v_show/id_XNDEwMjg2MjcyNA==.html][/code][/quote][p=30, 0, left]用于粘贴视频至帖子内,代码为单向代码
目前学院仅支持B站与优酷的视频,只要将视频网址直接放在等号后面即可,但不支持B站的番剧链接,仅支持普通av号链接
视频在网页端将可直接进行观看,在客户端则以特殊链接形式展现[/p]
[maintitle=s1][b]引用[/b][/maintitle]
[quote][实际效果]
灰色背景包裹着的文字就是引用。
[使用代码][code][quote]灰色背景包裹着的文字就是引用。[/quote][/code][/quote][p=30, 0, left]原本是用于在引用其他人的回复时用于显示区别的底框,但在排版中常用于做内容的底框以进行分段、划分内容等多种作用
答题时熟练使用引用代码来援引原文内容,将有效提高答案阅读效率[/p]
[maintitle=s1][b]列表[/b][/maintitle]
[quote][实际效果]
[list][*]一级列表条目1[list][*]二级列表条目 [/list][*]条目2[list][*]二级列表条目[list][*]三级列表条目 [/list][/list][/list]
[list=1][*]一级列表条目1[list=1][*]二级列表条目 [/list][*]条目2[list=1][*]二级列表条目[list=1][*]三级列表条目 [/list][/list][/list]
[使用代码][code][list][*]一级列表条目1[list][*]二级列表条目 [/list][*]条目2[list][*]二级列表条目[list][*]三级列表条目 [/list][/list][/list]
[list=1][*]一级列表条目1[list=1][*]二级列表条目 [/list][*]条目2[list=1][*]二级列表条目[list=1][*]三级列表条目 [/list][/list][/list][/code][/quote][p=30, 0, left]用于将内容进行分层级展示,列表代码一般不常使用,都是手动列序号[/p]
[maintitle=s1][b]表格[/b][/maintitle]
因为传统的表格写法非常麻烦,所以这里介绍的是一种简便的表格写法
[quote][实际效果]
[table]
姓名|张三|李四|王五
科目|语文|英语|数学
成绩|30分|60分|90分
[/table]
[使用代码][code][table]
姓名|张三|李四|王五
科目|语文|英语|数学
成绩|30分|60分|90分
[/table][/code][/quote][p=30, 0, left] 这还用多说吗?看代码就完事了[/p]
[maintitle=s1][b]at别人[/b][/maintitle]
[p=30, 0, left]at他人不需要任何代码,在发帖时输入@,后面跟上你要at的学员名字,然后以空格结尾即可
[b]正确示范:[/b]
明天早上去采购桃子[color=#0084FF][url=home.php?mod=space&uid=7]@名偵探小品[/url] [/color]行吗?(注意这里品字与行字之间有空格)
[b]错误示范:[/b]
明天早上去采购桃子@名偵探小品行吗?(注意这里品字与行字之间没有空格,无法at成功)[/p]
[maintitle=s1][b]独门秘技—分割线[/b][/maintitle]
[实际效果]
分割线以上
[hr]分割线以下[quote][使用代码][code]分割线以上
[hr]
分割线以下[/code][/quote][p=30, 0, left]用于分割内容,比起手动打一个分割线来说要更方便,代码也仅仅两个字母,不需要结尾[/p]
[maintitle=s1][b]独门秘技—刮刮卡[/b][/maintitle]
[quote][实际效果]
右边是一串神秘的文字 [mark]你看我不到[/mark]
[使用代码][code]右边是一串神秘的文字 [mark]你看我不到[/mark][/code][/quote][p=30, 0, left]刮刮卡效果是学院未公开的一个代码,可用于防止剧透
pc端上鼠标移动到上面即可看见隐藏内容,而手机端点击一下就行[/p]
[maintitle=s1][b]对齐方式[/b][/maintitle]
[quote][实际效果]
这是默认居左对齐的文字
[align=center]这是居中对齐的文字[/align]
[align=right]这是居右对齐的文字[/align]
[使用代码][code]这是默认居左对齐的文字
[align=center]这是居中对齐的文字[/align]
[align=right]这是居右对齐的文字[/align][/code][/quote][p=30, 0, left]用于对齐内容(既可以是文字也可以是图片),包含左/中/右三种对齐方式,因为默认是左对齐,所以不需要特别设置。
居中对齐一般可以用于标题,或者一些特殊内容,右对齐比较少使用。
对齐需要尽量前后统一或者有逻辑性的搭配。一会居中对齐一会左对齐会显得帖子看起来很混乱,包括图片也是。[/p]
[maintitle=s1][b]首行缩进 / 行距设置[/b][/maintitle]
[quote][实际效果]
[p=30, 2, left]这是一段首行缩进2字的文字。什么叫白手起家?这才是真正的白手起家!这位澳洲小哥不用任何工具,从石头、树枝、藤条、树叶、泥巴、树皮开始,凭空造出一间小屋,足够遮风避雨。里面有小床,还带火炉和烟囱!简直就是真人版Minecraft!流落荒岛一定要带上这小哥![/p]
[p=30, 4, right]这是一段首行缩进4字并且右对齐的文字。什么叫白手起家?这才是真正的白手起家!这位澳洲小哥不用任何工具,从石头、树枝、藤条、树叶、泥巴、树皮开始,凭空造出一间小屋,足够遮风避雨。里面有小床,还带火炉和烟囱!简直就是真人版Minecraft!流落荒岛一定要带上这小哥![/p]
[使用代码][code][p=30, 2, left]这是一段首行缩进2字的文字。什么叫白手起家?这才是真正的白手起家!这位澳洲小哥不用任何工具,从石头、树枝、藤条、树叶、泥巴、树皮开始,凭空造出一间小屋,足够遮风避雨。里面有小床,还带火炉和烟囱!简直就是真人版Minecraft!流落荒岛一定要带上这小哥![/p]
[p=30, 4, right]这是一段首行缩进4字并且右对齐的文字。什么叫白手起家?这才是真正的白手起家!这位澳洲小哥不用任何工具,从石头、树枝、藤条、树叶、泥巴、树皮开始,凭空造出一间小屋,足够遮风避雨。里面有小床,还带火炉和烟囱!简直就是真人版Minecraft!流落荒岛一定要带上这小哥![/p][/code][/quote][p=30, 0, left]用于首行缩进及行距设置,等号后面的参数分别为:行距、首行缩进字数、对齐方式[/p]
[maintitle=s7][b]结束语——溜了溜了[/b][/maintitle]
以上就是日常较多使用的代码介绍了,其中基础入门部分的代码可以在贴内回复里使用。
除此之外还有很多隐藏的功能暂且不一一说明(比如这帖里的分段标题),等以后有机会再逐一介绍吧。
本帖允许进行无意义回复来尝试使用这些代码看看效果。
溜了溜了。 |