文章内容区域

移动设备章节目录

小屏幕的移动设备会使用单独的章节目录,不会使用大屏设备的侧边栏章节目录。

小屏幕的章节目录默认是隐藏的,需要点击目录按钮才会显示,这里可以设置是否启用小屏幕的章节目录,禁用后不会显示目录按钮。

使用 VuePress 为开源项目和产品生成帮助文档 这篇文章为例,小屏幕设备的章节目录如下:

MWordStar移动设备章节目录

代码高亮

代码高亮开关可以启用或禁用主题自带的代码高亮功能,禁用后文章内的代码块不会显示任何高亮效果,只有单行的短代码会显示高亮效果。

如果您准备使用其他代码高亮插件的话,可以禁用主题自带的代码高亮效果。

代码块显示行号

开启后文章的代码块会显示行号,文章代码行号和高亮效果可以看 代码高亮

代码块颜色主题

目前支持的代码高亮配色包括:

  1. Stack Overflow(浅色)
  2. Github(深色)
  3. Sunburst(高对比度)

配色效果可以看 代码高亮

图片懒加载

开启后,文章页面可视区外的图片不会自动加载,只有图片进入可视区才会加载。

可视区就是你能看到的区域,如果你在文章开头插入图片,打开页面图片就会自动加载,如果图片在靠后的位置,只有滚动到图片位置区域才会加载。对于带宽较低的服务器来说,开启图片懒加载可以避免同时发起多个 HTTP 请求导致资源加载缓慢的情况。

文章底部的交互功能

设置文章页底部的交互功能和按钮,支持的功能包括 点赞,打赏,分享,功能之间用英文逗号分隔,逗号和名称之间不需要空格,结尾不需要逗号,功能按钮的排序方式会根据这里设置的名称顺序排序。

下面是几个功能按钮:

文章底部的交互功能按钮截图

文章的分享链接和二维码默认是隐藏的,需要点击 分享 按钮才会显示。

打赏二维码图片地址

文章底部的交互功能可以配置一个 打赏 按钮,点击后可以显示一个二维码图片,你可以在这里填写图片地址。图片的最大宽度和文章区域的宽度是一样的,高度不限制,图片会居中显示。