码迷,mamicode.com
首页 > 其他好文 > 详细

用Typora写Hexo博客

时间:2019-10-12 09:17:59      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:vat   class   alt   文件夹   比较   http   不用   image   lan   

Typora是一个非常方便的markdown编辑器,支持所见即所得,同时也比较方便的支持本地图片的插入。使用Typora写Hexo博客,需要关注的地方就是在Typora中插入图片时,不用修改即可发布到网站。

先通过hexo产生一篇文章

myblog$ hexo n "用Typora写Hexo博客"

这时候在source/_posts下会产生下列文件和文件夹

localhost:_posts niuxinli$ ls 用*
用Typora写Hexo博客.md
用Typora写Hexo博客

一般我们要把图片放到文章名对应的目录下,我们事先放进去。

localhost:_posts niuxinli$ ls 用Typora写Hexo博客
f1-1.png

然后在文章中引用的时候。

![avatar](用Typora写Hexo博客/f1-1.png)

但是在用Typora插入图片的时候,会自动插入全路径,

![avatar](/Users/niuxinli/myblog/source/_posts/用Typora写Hexo博客/f1-1.png)

我们可以插入后修改,但是这样在写文章的时候无法预览图片,如何既能符合发布的格式,又能在本地预览呢?

我们在偏好设置里,勾选“优先使用相对路径”,这样就能展示相对路径了。

同时,在插入图片时增加一个动作,复制到当前路径下的filename目录下,这样就不用提前把图片放到目录下,直接随意插入就能符合发布格式了。
技术图片

以上是我的hexo的图片路径配置,不同人可以不一样,不过这个规则可以灵活设置。

用Typora写Hexo博客

标签:vat   class   alt   文件夹   比较   http   不用   image   lan   

原文地址:https://blog.51cto.com/nxlhero/2441582

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!