1.OmniMarkupPreviewer的安装
下载地址:OmniMarkupPreviewer(Github地址)
手动安装的话就是下载插件,解压,以OmniMarkupPreviewer
命名目录,然后放到软件主目录下的Packages目录下即可。
2.快捷键的使用
Ctrl
+Alt
+O
: 直接在浏览器中预览;
PS:此快捷键只需要按一次,同时无需保存文件,浏览器会同步更新编辑的内容。
Ctrl
+Alt
+C
: 输出HTML到剪切板;
Ctrl
+Alt
+X
: 输出HTML文件;
PS:关于输出位置及命名的修改:
(1)点击
首选项
→插件设置
→OmniMarkupPreviewer
→Settings-Default
复制里面的内容,点击首选项
→插件设置
→OmniMarkupPreviewer
→Settings-User
,粘贴到这里。
(2)修改
export_options
里的target_folder
即可修改输出位置。
(3)修改
export_options
里的timestamp_format
即可修改命名时间的样式。
3.输出样式的修改
默认情况下,在目录OmniMarkupPreviewer
→public
下,修改github.css
文件即可。
如果想要修改控制样式输出的.css文件,可以在首选项
→插件设置
→OmniMarkupPreviewer
→Settings-User
中修改html_template_name
选项对应的文件名即可。
注意:
上面的修改只是修改了你在浏览器中的预览的样式,如果想要同步修改输出的样式:
默认情况下,在目录
OmniMarkupPreviewer
→templates
下,修改github-export.tpl
文件即可。
比如:想要修改输出HTML中内容区域的整体宽度,就需要同时修改
github.css
和github-export.tpl
这两个文件中的.container的max-width的值即可。这样就可以保证在预览和导出时的样式都是一致的。