请选择 进入手机版 | 继续访问电脑版
用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

7

主题

27

帖子

296

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
296
QQ
发表于 2016-6-11 14:42:25
马丁教你玩转discuz编辑器Discuz的编辑器其实不是非常好用,不过稍微细心一点,耐心一点,就可以编辑出阅读体验非常不错的帖子。只会Ctrl+C和Ctrl+V是不行滴~。一些基本的发帖规范,排版是否用心,是体现一个车协人的素质的地方——论坛排版都排不好的,赞助策划八成写的不怎么地,车协也不可能做好。态度决定一切。

1. 标题
正文大标题建议居中排布,使用黑体或者微软雅黑。用这两个字体时,建议不加粗。如果用宋体或者其他字体,可以适当加粗。如果有副标题,请缩小一个字号,用破折号连接,单起一行。
楷体和仿宋体不适合作为大标题,而是适合用作前言、引言和作者姓名之类的文字内容。
标题字号不宜过大。5号或者6号均可。副标题字号要稍小于大标题。
作者可以居中位于大标题下方,也可以右对齐居页面右侧。其实也可以在文末注明。
属于同一主题的系列帖子,建议在标题前加方括号,在括号内写一个简短的(4字左右)主题,予以突出显示。


示例如下:

【新人必读】远人部落欢迎天下车协人
——远方的朋友,成长的家
文/远人部落
【新人必读】远人部落欢迎天下车协人
——远方的朋友,成长的家

作者:远人部落

正文中的一级标题,建议使用宋体或者微软雅黑加粗左对齐或居中排布,和正文字体字号保持一致(3或4号)。 一级标题建议用中文的“一、”或者是阿拉伯数字“1.”,或者是“第一章”的汉字。

建议不要阿拉伯数字和汉字混排,如“第1章”

汉字标题请用顿号、冒号、或者空一格连接一级标题名。数字请用英文句号“.”来连接。不要出现“1、”或者是“一.”的情况。

示例如下:
第一章 远人部落的缘起
1.远人部落的缘起

一、远人部落的缘起

文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字



一、远人部落的缘起

文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字

2. 正文级别、缩进和自动列表</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  建议一级标题下的正文单起一行,空两格(两个汉字位置)开始书写。</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  如果一级标题下还有二级标题,由于discuz的编辑器无法整段设置缩进,因此格式和缩进上同一级标题。</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  有时候空格缩进会比较奇怪(就像本行一样),可以尝试重新回车分段。如果依然排不好,那就尽量对齐即可。</span></p><p><span style="font-family: 宋体;"><br style="text-align: left;"/></span></p><p style="text-align: left;"><span style="font-family: 宋体;">示例如下:</span><br style="text-align: left;"/></p><p><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;"></span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700;">1.远人部落的缘起</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字。</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700;">(1)初创</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字。</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700;">(2)兴起</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字。</span></p><p><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;"></span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  建议不要设置超过两级的小标题。否则结构上会比较乱。</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  自动列表不是非常好用,因为无法缩进。而且不好调整字体,可以用代码来调整,但是会比非常麻烦,示例是通过修改代码实现的效果,有兴趣的可以研究一下,点击编辑器右上角工具栏的“纯文本”选项框即可编辑:</span></p><p><span style="font-weight: 700; font-family: 宋体;"><br style="text-align: left;"/></span></p><ol class=" list-paddingleft-2"><li><p><span style="font-weight: 700; font-family: 宋体;"><br style="text-align: left;"/></span></p></li></ol><p><span style="font-weight: 700; font-family: 宋体;"><br style="text-align: left;"/></span></p><p style="text-align: left;"><span style="font-weight: 700; font-family: 宋体;">3. 插入图片</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  插入外链图片请注意是否可以外链。像百度贴吧的图片往往是不能外链的。</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  图片最好不要过大,否则加载会比较慢,建议用【格式工厂】、【PS】或者其他软件进行格式转换或者压缩。</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  图片的位置请统一,不要一会儿居中一会儿左对齐。</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  最好在图片下写一个简短的图片说明或者介绍。引用他人图片请注明来源。图片说明和引用来源建议用2、3号字,和图片保持同一位置(居中或左对齐)</span></p><p><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;"><br style="text-align: left;"/></span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">示例如下:</span></p><p style="text-align: left;"><ignore_js_op style="word-wrap: break-word; margin: 0px; padding: 0px;"></ignore_js_op></p><p style="text-align:center"><img id="aimg_471" aid="471" src="http://www.qiche8.net/data/attachment/forum/201606/11/142802azymywfav5qqaf4h.jpg.thumb.jpg" zoomfile="data/attachment/forum/201606/11/142802azymywfav5qqaf4h.jpg" file="data/attachment/forum/201606/11/142802azymywfav5qqaf4h.jpg.thumb.jpg" inpost="1" data-bd-imgshare-binded="1" style="word-wrap: break-word; margin: 0px; padding: 0px; border: 0px; max-width: 855px; cursor: pointer;"/></p><p style="text-align: left;"><ignore_js_op style="word-wrap: break-word; margin: 0px; padding: 0px;"></ignore_js_op><br/></p><p style="text-align: center;"><span style="font-family: 宋体; word-wrap: break-word; margin: 0px; padding: 0px; font-size: 14px;">图1 头盔 (图片来源:美骑网)</span></p><p><span style="font-family: 宋体; word-wrap: break-word; margin: 0px; padding: 0px; font-size: 14px;"></span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700;"><br/></span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700;">4. 引用文字</span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">  对一些引用他人的话,或者是需要突出显示的段落,可以使用引用文字工具。</span></p><p><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;"><br style="text-align: left;"/></span></p><p style="text-align: left;"><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;">效果如下:</span></p><blockquote style="text-align: left;"><p style="text-align: left;"> 排版的精细程度如何体现了一个人,乃至一个车协的素质。</p><p><br style="text-align: left;"/></p></blockquote><p style="text-align: left;"><span style="color: rgb(81, 81, 81); font-family: 宋体; font-weight: 700; line-height: 28px; background-color: rgb(255, 255, 255);">5. 文字颜色、斜体和加粗</span></p><p><span style="font-family: 宋体; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px;"></span></p><p style="text-align: left;"><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; font-size: 16px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);">  首先,不建议在中文段落使用斜体。斜体是专门为拉丁字母设计的格式。中文斜体不符合中文的书写习惯。</span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></p><p style="text-align: left;"><span style="font-size: 16px;"><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);">  颜色上,除非特别设计以外,活动预告、报名和活动结束的赛事通稿,建议将关键信息加粗或者加红。</span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></span></p><p><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);"><br style="text-align: left;"/></span></p><p style="text-align: left;"><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);">示例如下:</span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></p><p style="text-align: left;"><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);"><span style="word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700;">  活动名称:</span>远人部落公测</span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></p><p style="text-align: left;"><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700; background-color: rgb(255, 255, 255);">  时间:<span style="color:#ff0000;word-wrap: break-word; margin: 0px; padding: 0px;">2016年5月——7月</span></span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></p><p style="text-align: left;"><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);"><span style="word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700;">  报名方式:</span>登录<span style="color:#4169e1;word-wrap: break-word; margin: 0px; padding: 0px;">www.qiche8.net</span></span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></p><p style="text-align: left;"><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);"><span style="word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700;">  联系人:</span>马丁</span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></p><p><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700; background-color: rgb(255, 255, 255);"><br style="text-align: left;"/></span></p><p style="text-align: left;"><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; font-weight: 700; background-color: rgb(255, 255, 255);">6. 代码文字的使用</span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></p><p style="line-height: normal; text-align: left;"><span style="font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);">  </span><span style="font-family: 宋体, SimSun; font-size: 16px;"><span style="font-family: 宋体, SimSun; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);">在输入每一个字,或者设置格式的时候,其实背后的代码显示也会体现出来。因此,只要掌握一些基本的代码语言,就可以比较直接的进行编辑和管理。</span><span style="font-family: 宋体, SimSun; color: rgb(81, 81, 81); line-height: 28px; background-color: rgb(255, 255, 255);"> </span></span></p><p style="line-height: normal; text-align: left;"><span style="font-family: 宋体, SimSun; font-size: 16px;"><span style="font-size: 16px; font-family: 宋体; color: rgb(81, 81, 81); line-height: 28px; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);">  下面有一段话,在可视编辑器里面的输入非常简单,但是背后的代码却稍微复杂一些:</span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></span></p><p style="line-height: normal; text-align: left;"><span style="font-family: 宋体, SimSun; font-size: 16px;"><span style="font-size: 16px; font-family: 楷体, 楷体_GB2312; line-height: 28px; color: rgb(68, 68, 68); word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);">    鉴于期末考试期间,团购工作受考试影响很大,且协会会员装备水平不断提升,暑期队员对装备也有一定了解,本年度暑期远征不安排大规模统一团购。除以下团队必备物资以外,协会不统一安排团购。</span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px; line-height: 28px; background-color: rgb(255, 255, 255);"> </span></span></p><p style="text-align: left;"><span style="font-family: 'Microsoft Yahei', Simsun; line-height: 28px; color: rgb(68, 68, 68); word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);"><span style="font-family:楷体, 楷体_GB2312;word-wrap: break-word; margin: 0px; padding: 0px;"></span><span style="font-family:宋体;word-wrap: break-word; margin: 0px; padding: 0px;">   实际背后的代码是:</span></span><br style="text-align: left;"/></p><p style="text-align: center;"><span style="font-size: 16px; line-height: 28px; color: rgb(68, 68, 68); font-family: 宋体; word-wrap: break-word; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255);"></span></p><p style="text-align:center"><img id="aimg_472" aid="472" src="http://www.qiche8.net/data/attachment/forum/201606/11/145520gckco9akj78hz89g.png.thumb.jpg" zoomfile="data/attachment/forum/201606/11/145520gckco9akj78hz89g.png" file="data/attachment/forum/201606/11/145520gckco9akj78hz89g.png.thumb.jpg" inpost="1" data-bd-imgshare-binded="1" initialized="true" style="word-wrap: break-word; margin: 0px; padding: 0px; border: 0px; max-width: 855px; cursor: pointer;"/></p><p><ignore_js_op style="word-wrap: break-word; margin: 0px; padding: 0px;"></ignore_js_op><br style="text-align: left;"/></p><p style="text-align: left;"><ignore_js_op style="word-wrap: break-word; margin: 0px; padding: 0px;"><span style="font-family: 宋体, SimSun; font-size: 16px;"><span style="font-size: 16px; font-family: 宋体, SimSun; word-wrap: break-word; margin: 0px; padding: 0px;">   每一个段落前面均有一个起始符,可以调整等号后面的变量,在段尾有一个对称的收束符。具体的尝试大家可以自己去摸索。</span><span style="color: rgb(81, 81, 81); font-family: 'Microsoft Yahei', Simsun; font-size: 14px;"> </span></span></ignore_js_op></p><p style="text-align: left;"><ignore_js_op style="word-wrap: break-word; margin: 0px; padding: 0px;"><span style="word-wrap: break-word; margin: 0px; padding: 0px;"></span></ignore_js_op></p><p style="text-align: left;"><ignore_js_op style="word-wrap: break-word; margin: 0px; padding: 0px;"><span style="font-family: 黑体; font-size: 24px; color: rgb(255, 0, 0); word-wrap: break-word; margin: 0px; padding: 0px;"><br/></span></ignore_js_op></p><p style="text-align: left;"><ignore_js_op style="word-wrap: break-word; margin: 0px; padding: 0px;"><span style="font-family: 黑体; font-size: 24px; color: rgb(255, 0, 0); word-wrap: break-word; margin: 0px; padding: 0px;">希望本帖能够给大家一些排版的启发,也让远人部落的帖子都耐看、耐读,有良好的读者体验。</span></ignore_js_op></p><p><br style="text-align: left;"/></p>




头盔

头盔
微信截图_20160611145456.png
使用道具 举报 回复
发表于 2016-6-11 15:03:41
谢谢马丁哥的指导
谢谢大家
使用道具 举报 回复 支持 反对
发表于 2016-6-11 17:59:25
很好的帖子,顶~
现在Markdown编辑器很流行,不知道Discuz有没有可能与之联动起来,那个对新人非常友好,网上也有现成的md文件转html的代码,感觉还是很有可能的,毕竟dz自带的编辑器实在是有些不方便,而且时常有bug。
以有涯随无涯
使用道具 举报 回复 支持 反对
发表于 2016-6-12 09:29:57
传个封面图啊
使用道具 举报 回复 支持 反对
发表于 2016-6-12 09:38:52
张一毛 发表于 2016-6-11 17:59
很好的帖子,顶~
现在Markdown编辑器很流行,不知道Discuz有没有可能与之联动起来,那个对新人非常友好,网 ...

看看能否帮我看一下怎么用,如果好用的话,咱们就够爱用Markdown编辑器。编辑器一直是我头疼的问题~~
大勇若怯,大智若愚。鹰立而睡,虎行似病。藏巧于拙,用晦而明。聪慧休露,才华勿逞。
使用道具 举报 回复 支持 反对
发新帖
您需要登录后才可以回帖 登录 | 立即注册