帖子编辑器完全教程(含排版技巧!) Tillreetree · · 文章
0 2 0

本文共计2229个字,预计阅读时长8.9分钟。

目录

点击旁边的文章目录,快速到达想看的地方!

认识工具栏上的按钮和作用

从左到右分为三个区域,分别为:

排版区

格式

有标题一到标题六、段落和预格式化。

  • 一到标题六:作为帖子内容的“小标题”,合理使用可自动创建出一个“文章目录”,方便其他人快速跳转到想看的地方。例如本文。
  • 段落:默认格式。
  • 预格式化:用于展示计算机代码,不会吞掉所有的空格。

粗体斜体删除线

顾名思义。

链接

先选中要加链接的文字,再按这个按钮,然后粘贴链接的地址,最后按“保存”即可。

无序列表与有序列表

顾名思义。无序列表前面为点状的,有序列表前面有数字。

居中和右对齐

顾名思义。这些按钮在排版时很有用。

插入内容区

表情、折叠内容、回复可见、付费内容

顾名思义。

插入应用信息栏

正在施工……可以使用,但在编辑器里样式不对,发布后是正确的。

杂项区

插入多媒体

内含两个按钮,分别为插入外链图片和外链视音频。

清除格式

当你从其他地方粘贴到本编辑器内时,可能会将其它地方的样式(如字号、字体、颜色等)一并带过来,导致排版变难或观感不佳,点击这个按钮即可清除那些样式,这样观感就好很多了。

颜色

内含两个按钮,文字颜色背景颜色。所有的颜色经过精心挑选,保证观感舒适,其中标记为“背景”的浅色颜色专为背景颜色设计,保证夜间模式也能正常显示。

更多按钮区

点击“省略号”即可使用更多功能。

包含“上标、下标、表格、横线、特殊符号;撤销、重做;源代码、帮助”。

源代码

为高级用户准备的工具,可以直接编辑HTML源代码做出更复杂的效果。

比如导入“微信编辑器”里的文章:

点击“微信编辑器”的“HTML代码”按钮,复制其中的代码。回到机智库,点击“源代码”按钮,粘贴HTML代码并保存,即可完成导入。这一段就是通过“微信编辑器”写的。

同时也可以使用Bootstrap框架的大多数元素,可以在这里进行布局,然后粘贴到这里。

全屏

点击后,编辑器将占满整个页面,享受免打扰的写作环境。写完后再按一下恢复原状态。


以上按钮在手机上的位置略有不同。(比如文字颜色移动到更容易点击的位置等)

选中文字时的工具栏

便于快速给文字加样式,依次为:

  • 粗体
  • 斜体
  • 块引用
  • 链接
  • 二级到四级标题

Markdown快速教程

本编辑器也支持一部分的Markdown语法,便于提高写作效率。

一、标题

行首插入 1 到 6 个 # 分别生成一到六级标题。

如:

# 一级标题 

## 二级标题

### 三级标题
...

二、列表

行首插入 1 个 * - 即可生成无序列表。行首插入1. 即可生成有序列表。之后按回车键即可增加一个列表项。

注意:符号与文本之间必须要有 1 个空格。

- 无序列表

1. 有序列表
  • 无序列表
  1. 有序列表

三、引用块

行首插入 > 即可生成引用块。

> 引文

引文

四、强调

语法与效果如下:

*倾斜*

**加粗**

~~删除线~~
        

倾斜

加粗

删除线

均可嵌套,比如*~~倾斜与删除线~~* == 倾斜与删除线

五、分割线

输入五个减号或两个破折号,然后按空格即可输入分割线。


排版技巧

节选自《7 个实用的 WordPress 排版技巧》

使用正确的标题层次结构

使用副标题是一种重要的技巧,可以帮助读者理解大纲并在博客中找到所需的信息。

副标题不仅能帮助读者快速浏览信息,还能帮助困惑的读者在注意力不集中时重拾阅读动力。

不仅在格式方面,创建副标题在塑造文章的结构和内容方面也起着至关重要的作用。

使用正确的标题层次结构有助于搜索引擎评估文章是否与读者相关、结构是否合理。因此,标题必须完美地嵌套。

对于嵌套标题,记住这三点。

  • 一级标题最适合作为文章的标题(仅需出现一次)。
  • 二级标题最适合作为文章正文的主要副标题。
  • 三级标题最适合作为二级标题的子部分标题,以此类推。

通过粗体,斜体等格式提高可读性

过度使用标题可能会导致糟糕的结果。如果您的文章有很多标题,你可以使用粗体而不是标题。斜体文字颜色也可以用来突出重点。这也是吸引读者注意的好方法。 

记住,不要过度使用这些特性,因为这样会变得难以阅读。

明智地使用引用或调用文本

编辑器中的 “引用” 功能是突出文章的主要目标 或引用别人说的话 的好方法。

这是一种很好的方式来突出你文章的主要目标,若被滥用,就会分散读者的注意力。

因此,要巧妙地使用它们。

以上。

The years go by the code grows old \ The syntax changes the functions fold. \ The programmers come and go \ But the code remains \ A testament to our changing times.

著作权归文章作者所有。

最新回复 ( 0 )
  • 暂无评论