hexo入坑-图片上传

​ 这两天对markdown有点着魔,连做学习笔记都在用Typora写markdown了。本来,Typora插入图片是很方便的,可是偏偏自己还又入了hexo的坑。单纯的用Typora写文章的话,无论插入本地图片还是网络图片都是没问题的,如果需要hexo生成html的话,本地图片上传就会出现一些“坑”。下面是来自“坑里”的一线报道。

弃疗方案

更改图片目录方法

​ 在网上看过一些贴子,说直接把图片放到hexo会查找的目录,然后用绝对路径或者相对路径引用就可以啦。觉得这个方法甚好,毕竟不需要其他的操作。说说自己的尝试吧:

  1. hexo根目录/source/_posts/images

    对,我就是在本地文章的那个路径,新建了images,失败。然后改到source下,还是失败。而且相对路径、绝对路径都尝试过了,不好使。

  2. hexo根目录/themes/source/images

    失败。。。。坑太深了

    综上所述,失败。而且我觉得配置文件里应该有图片查找路径啊类似项的,结果没有…..

hexo中安装本地图片上传插件

​ 第一种简单的方法失败,然后尝试第二种。先说结果吧,成功了。

  1. 先安装”hexo-asset-image”这个插件

    1
    npm install hexo-asset-image --save
  2. 然后你新建文章的话,就会发现在_posts下有一个和文章名字同名的文件夹,直接把图片放到里边就可以了。然后引用的话直接写 “[图片别名] (图片.jpg)” 这样就可以啦。图片前连路径都不用加。

​ 结果是,我自己并没有采用这种方案,因为实在太繁琐了!首先我用Typora,你不给图片加路径的话,在编辑器里根本看不到图片,体验实在不好(这个已经有大佬解决了,可以修改插件的代码,把插件对图片路径的修改延后一项,看这里)。其次,每次我都得把图片放进那个目录里,(虽然Typora支持自动复制到指定路径),感觉不喜欢本地有这么多垃圾。

我的方案

​ 尝试了上边的几种,最后还是走了“云”的道路。果然,想要体验的话,没有捷径可以走。s

  1. 注册七牛云账号,并且实名认证。新建自己的一个资源空间
  2. win下的图片自动上传工具,我用的是qImage,这里是下载以及使用教程

​ 不得不说这个图片自动上传工具做的太好了,剪贴板里边的东西,快捷键自动上传。实在是方便。不过作者说的截图长传,目前在我这还过不了。报错是,路径找不到。自己不太理解,明明截完图后,这张图也是在剪贴板里的,却总是上传失败。截图只能是放在一个地方(比如说聊天窗口),再选中图片ctrl+c一遍,才能加快捷键(ctrl+alt+v)上传成功,不然没戏。。。这个坑后续看能不能填上,先把报错放在下面。

总结

​ markdown真香,hexo真香。

本文结束啦感谢您的阅读