@scomper

MarkEditor 编辑器使用技巧

2017.10.01

切换到 MarkEditor 写博客的这段时间里,对 MarkEditor 的总体感觉还是很满意的,直接在本地快速的批量查找、修改发布文章中的错误然后一键同步,凭借这一点所带来的便利性就值回票价了。当然,这也取决与 MarkEditor 和 Bitcron 之间的平滑协作特性。

新的软件用起来总有一些值得分享的东西,能帮助后来者提高效率或者少走一些弯路。

自动插入 Metadata

文章的标题和创建时间可以启用「自动 Metadata」来自动插入,但是这个设置和下方的「每个新建的文件都会以下面内容作为开始」是互斥的。

图片文件的命名

图片文件命名建议采用日期和时间的模式,类似 2017-09-30_13-59-29.png ,命名中不要有空格,空格会被 MarkEditor 转成 %20 这样可能无法被正确识别到。用时间来命名的好处是不容易重复,而且易于查找和定位,如果后续要替换图片找起来很方便。

在图片预览打开的情况下检查图片是否正常还是很直观的,路径不正确的图片只会显示一行 MarkDown 语句。

图片的路径和预览

当前文件夹的设置(左侧底栏的扳手图标🔧)中图片文件夹的路径建议写成/_image/而不是默认的./_image/,后者如果你移动文章到其他文件夹图片显示就会出问题,采用前者文章可以在工作文件夹里随意移动。编辑修改图片的路径时可能不需要图片预览,可以将「图片可见」设置为 No 。

PDF 附件

直接将 PDF 文件拖拽到文章中,这个 PDF 会以附件的形式上传到当前文件夹,例如,中文排版指南图示.md文章保存在 writing目录,拖拽 PDF 到文中后,PDF 会以附件形式保存在 /writing/_attachment/。MarkEditor 中不显示这个文件夹,我们可以到 Finder 中查看,访问链接什么的不用操心,同步后会自动生成。

文件夹的排序和图标

边栏的文件夹上右键「特殊排序」,随意输入一个数值就能决定文件夹的顺序,会依据数值会大小排列,这种方式比修改文件夹名称安全。另外,拖拽一个 icon.png 的图片到文件夹,就可以用这个图片作为文件夹的图标。除了排序,这种方式也能帮助我们让文件夹更易于管理。

草稿模式

如果不希望编辑中的内容不小心被发布出去,可以创建一个 _draft 的文件夹,或者使用 Metadata 在文章开头加一行 status: false ,等需要发布的时候移动文章的位置或者去掉 status 的一行。

文件夹和文件的隐藏

文章的隐藏,不想更新到博客里,在 meta 里加上一行 status: system 即可,文章会上传但是不会显示在博客里。另一种方式就是创建一个 _Draft 的文件夹,把不想显示在博客的文档放在这个文件夹。

根目录上右键,选择「排除目录」,添加需排除目录的名称(大小写敏感)。如何想让标记隐藏的文件夹重新出现,同样是到「排除目录」设置中去掉即可。

给文章加简介

在文章头部用 Metadata 中的intro:写简介,文章列表页会优先显示简介部分的内容。

给文章加密码

这个稍微麻烦一些,不同主题只能自行对照修改。参考代码:
https://github.com/oyiadin/reos/tree/
https://github.com/kissinggod/Maupassant-farbox/

需要增加几个文件,并修改 index+tag.jade、post.jade,以及将对应的 CSS 定义添加到 style.scss,使用的时候在文章头部增加 metadata password:即可。用户浏览时输入正确的密码后才能访问文章。需要提醒的是 feed.jade 同样需要修改,可以到 oyiadin 的 GitHub 下载一份现成的添加到你的模板文件夹。

文件夹和 md 文件的命名

文件夹和文件的名称会影响文章 URL 路径请不要随便改动。例如,md 文件你存放在 /ios/iOS 设置里的必要调整.md 对应的 URL 网址是 https://scomper.me/ios/ios-she-zhi-li-de-bi-yao-diao-zheng 文件夹 ios如果重命名了访问肯定就 404,另外文件名称也一样,中文的文件名会忽略空格被转成拼音的命名,如果改动了下次同步后网站上的 URL 地址也会随之变化。

文件名是文件夹下 md 文件的命名,不是文章中 title 部分的命名,title 部分的只决定文章显示的名称,title 的改动不会影响 URL 的访问。

微信公众号的格式

复制成公众号支持的格式最简单的方式是从底栏选导出,从菜单中选择「复制为微信公众号格式」。然后到公众号的页面 ⌃V 粘贴就行。图片一并会粘贴过去,Safari、Chrome 中都支持。

插入音乐播放器

打开网易云音乐 web 端,找到喜欢的单曲、专辑或者精选集,点击「生成外链播放器」,复制代码粘贴到文章里喜欢的位置。

Spotify 用户直接在播放器里选择专辑或单曲右键「分享 - 复制多个内嵌程序码」。

注意事项

MarkEditor 阅读模式(⇧⌘R)下拖移文章里的图片到桌面竟然是直接从文件夹里把图片移出,但是预览里图片并没有消失,直到同步到博客才发现图片缺失了。

以上是使用 MarkEditor 至今的一些小发现,以后挖掘到新的会继续更新在这里,如果对你有帮助记得点赞哦。

如果 Blog 的本地文件夹保存在 iCloud 的「桌面与文稿文件夹」里,建议不要勾选「优化 Mac 储存空间」,避免本地调用图片一类的文件不存在。


参考文章:

快速玩转 Bitcron+MarkEditor
Bitcron FAQ - Metadata
解决Bitcron单篇文章密码保护与搜索、标签的兼容问题

--「壹页单章」会员计划 --

Comments
Write a Comment