WonderPen for Mac妙笔写作软件是专业和业余作家的写作应用程序,易于使用的文本编辑器,支持Markdown,支持全屏模式,让您专注于写作,文档可以导出为图像,PDF,word,HTML等,非常适合长篇写作。是写作爱好者不可缺少的一款软件。今天为大家分享的教程是妙笔写作WonderPen Mac版如何自定义样式?
[dl]15-3866[/dl]
自定义样式
注意:添加自定义样式需要涉及一些 CSS(Cascading Style Sheet,层叠样式表)知识,如你对此不了解,可先查看相关教程。
在【选项】面板 -> 【高级】-> 【导出】部分,可设置自定义样式。
自定义样式就是普通的 CSS,和普通 Web 页面添加样式表操作一样。自定义的 CSS 会被添加到 标签中默认样式表后方的位置,即如果有同名的 CSS 规则,自定义样式表中的规则会覆盖默认规则。
自定义样式会在预览、导出时起作用,对编辑器不起作用。
HTML 结构
预览、导出时,文档会先生成对应的 HTML 文档,此 HTML 的结构大致如下:
其中的【自定义样式表】部分,即是用户可以自定义的 CSS 内容。
页面最外层的元素总是 div.wonderpen-page,如果导出为 HTML 时选择了【固定宽度】,则此 div还会有一个 .fixed-width 类。
文档内容则总是位于 div.wonderpen-content > div.markdown-body 元素下。你可以使用对应的 CSS 类选择符,为导出内容定义背景图片、字体之类样式。
如果你想对文档内容的样式做进一步自定义,则可关注下一节内容。
文档内容(markdown-body)
预览、导出时,文档原始内容会被当作 Markdown 格式,并被转换为 HTML。文档内容总是在 div.markdown-body 元素下。
div.markdown-body 内的 HTML 标签通常不再带有 id 或 class 属性,可直接对标签元素进行样式自定义,例如:
.markdown-body {
color: #4758C4;
}
.markdown-body h1 {
font-size: 24px;
}