Typora--终于找到一个能够解决将csdn文章同步到hexo的完美编辑器（解决csdn图片防盗链导致无法直接复制文章的问题）。

文章目录

• 需求
• 背景
• 新宠
• 告诉我，我的名字叫什么？大声点我听不见~
• 页面
• 神奇之处
• 看得见的优点
• 如何设置项目根目录
• 如何显示图片？
• 于是最终操作流程

个人博客：https://mmmmmm.me

源码：https://github.com/dataiyangu/dataiyangu.github.io

需求

• 能够将csdn的文章同步到自己的hexo博客（csdn有图片防盗链）
• 图片保存到本地文件夹（上传到云空间容易丢失）
• 最简便的操作

背景

之前用过hexo-admin，代码区和预览不同步，而且因为csdn的防盗链，所以只能从csdn复制，然后粘贴过去；hexoEditor（github）文件的名字必须和文章的名字一样，因为我的gitalk是根据文件名字创建issus的，中文会导致报错；mweb（用的最久）相对方便多了，直接将csdn文章粘贴过去，可是图片有外链，通过从csdn拖动图片到指定位置，方便了一点点。

新宠

告诉我，我的名字叫什么？大声点我听不见~

Typora

页面

我的是mac版：



具体相关下载安装以及操作的说明略。

神奇之处

看得见的优点

用md的语法写完回车，实时预览，而不是像其他一样左右分开的。

如何设置项目根目录

注意上图最上面

typora-root-url: ../../source

这个的意思是设置根目录，不然下面的图片是看不到的。

设置方法：编辑–》图片设置–》设置图片根目录

文章发布的时候这行要去掉，否则格式有问题

如何显示图片？

快捷键command+，打开设置–》编辑器–》复制到指定路径–》填写路径为images–》设置：

对本地位置的图片应用上述规则

对网络位置的图片应用上述规则

优先使用相对路径

这三项打上勾



这里能够将csdn中的图片直接粘贴过去就是图中红圈中能够完美实现这个功能。

然后由于优先使用相对路径，即这里将source作为根路径，所以相对路径就是/images/xxxxx.png

2019-03-12更正：这里一定要设置相对路径

于是最终操作流程

option+command+3 选择打开文件-》打开_posts文件-》新建一个文件

1. 编辑–》图片设置–》设置图片根目录（source）（因为需要根据根目录自动写出来下载图片到哪个路径）
   
   出现

---
typora-root-url: ../../source
---

当然直接将这句话添加在头部应该也可以

2019-03-12更正：第一点的上面这部分不需要，因为上面图中设置优先使用相对路径，这句话已经没有用了



然后粘贴hexo文章头部信息（作者、分类、时间等 注意在粘贴的时候一定要切换成源代码模式，快捷键command+/ ）因为其中有“-”符号，导致自己的data和catagory会自动table，具体报错信息文章末尾给出

1. 直接将csdn文章粘贴过去（不用处理图片哦, 一定不要是源代码模式，否则无法自动下载图片 ）
2. 将根目录那句话删掉（否则hexo无法将md解析为html，格式错误）, 当然，删除这句话，在Typora中图片无法显示可是在浏览器中打开是正常的，希望在Typora中阅读，当然可以载把这句话加上即可

---
typora-root-url: ../../source
---

2019-03-12更正：不加这句话也可以，因为上面图中设置优先使用相对路径，这句话已经没有用了，把图片全部设置成相对路径就可以载这个软件中看自己的文章了。



4. 在编辑器的上面修改文件名称和路径（_posts）

5. 完成

如果在粘贴hexo头部的时候不切换成源代码模式会报错如下：

ERROR Process failed: _posts/2019-03-03-1.md
YAMLException: bad indentation of a sequence entry at line 7, column 13:
      categories:
                ^
    at generateError (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:165:10)
    at throwError (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:171:9)
    at readBlockSequence (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:935:7)
    at composeNode (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1363:45)
    at readBlockMapping (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1062:11)
    at composeNode (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1332:12)
    at readDocument (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1492:3)
    at loadDocuments (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1548:5)
    at Object.load (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1569:19)
    at parseYAML (/Users/leesin/Desktop/blog/node_modules/hexo-front-matter/lib/front_matter.js:80:21)
    at parse (/Users/leesin/Desktop/blog/node_modules/hexo-front-matter/lib/front_matter.js:56:12)
    at Promise.all.spread (/Users/leesin/Desktop/blog/node_modules/hexo/lib/plugins/processor/post.js:52:20)
    at tryCatcher (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/util.js:16:23)
    at Promise._settlePromiseFromHandler (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:509:35)
    at Promise._settlePromise (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:569:18)
    at Promise._settlePromise0 (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:614:10)
    at Promise._settlePromises (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:694:18)
    at Promise._fulfill (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:638:18)
    at PromiseArray._resolve (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise_array.js:126:19)
    at PromiseArray._promiseFulfilled (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise_array.js:144:14)
    at PromiseArray._iterate (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise_array.js:114:31)
    at PromiseArray.init [as _init] (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise_array.js:78:10)
ERROR Process failed: _posts/2019-03-03-1.md
YAMLException: bad indentation of a sequence entry at line 7, column 13:
      categories:
                ^
    at generateError (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:165:10)
    at throwError (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:171:9)
    at readBlockSequence (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:935:7)
    at composeNode (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1363:45)
    at readBlockMapping (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1062:11)
    at composeNode (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1332:12)
    at readDocument (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1492:3)
    at loadDocuments (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1548:5)
    at Object.load (/Users/leesin/Desktop/blog/node_modules/js-yaml/lib/js-yaml/loader.js:1569:19)
    at parseYAML (/Users/leesin/Desktop/blog/node_modules/hexo-front-matter/lib/front_matter.js:80:21)
    at parse (/Users/leesin/Desktop/blog/node_modules/hexo-front-matter/lib/front_matter.js:56:12)
    at Promise.all.spread (/Users/leesin/Desktop/blog/node_modules/hexo/lib/plugins/processor/post.js:52:20)
    at tryCatcher (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/util.js:16:23)
    at Promise._settlePromiseFromHandler (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:509:35)
    at Promise._settlePromise (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:569:18)
    at Promise._settlePromise0 (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:614:10)
    at Promise._settlePromises (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:694:18)
    at Promise._fulfill (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise.js:638:18)
    at PromiseArray._resolve (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise_array.js:126:19)
    at PromiseArray._promiseFulfilled (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise_array.js:144:14)
    at PromiseArray._iterate (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise_array.js:114:31)
    at PromiseArray.init [as _init] (/Users/leesin/Desktop/blog/node_modules/bluebird/js/release/promise_array.js:78:10)