折腾了一整天的 atom、hexo相关插件安装配置,atom和hexo协作的一些小坑记录。在调试多个插件的配置和协作, 最后不得不改了插件的源码来解决图片路径问题, 最后打造了一个靠谱的本地md写作编辑器。

编辑能力:

得益于MPE扩展 (扩展语法、绘图, 编辑功能完爆马克飞象、Macdown这些, 还可以方便地在渲染后,借助浏览器或额外的插件, 在本地导出pdf。

得益于atom 的强大插件机制, 配出了顶部的markdown工具栏、右侧markdown增强渲染栏、 图片上传(支持截屏拷贝粘贴)和生成正确路径。

Blog部署:

1
2
#本地预览:
hexo clean && hexo g && hexo server -d
1
2
#发布到线上:
hexo d # hexo deploy, 集成了git

Hexo插件:

apm插件:

重要的配置说明:

  1. atom项目根路径: hexo项目的的source目录
  2. 图片统一存储:在source目录下面创建一个images文件夹,作为全局的文件路径
  3. markdown-writer,查看源代码,修改下面的地方,直接插入图片的时候, 路径就是完美的根路径, 跟部署到服务器上的路径也一致(下图)

图片路径修正方法:

效果图:

总图

本地文件上传