美文网首页点亮技术栈
hexo markdown上传自定义图片

hexo markdown上传自定义图片

作者: 刘笔尖儿 | 来源:发表于2019-04-09 16:59 被阅读0次

因为最近用github开blog,所以接触到lhexo。基本使用还算简单。不过要想做好,着实需要下一番功夫。其实主要就是各种配置,属性级配置和代码级配置都有。

今天简单说一下遇到的一个问题,本地图片上传的问题。

刚开始不懂,所以使用本地图片加载到markdown中,格式是下面这样:

![](path/image.jpg)

但是上传到服务上,不能展示图片,因为这里写的是本地地址,如果使用的网络地址,应该是可以的,因为就是页面image嘛。

那么本地图片怎么处理呢?

这里直接上步骤:

  1. 编辑_config.yml文件,post_asset_folder 属性设置为true。看字面意思应该是说明文章可以带文件夹,因为要放点啥。。。

  2. npm install https://github.com/CodeFalling/hexo-asset-image --save 执行这个命令,应该是安装

  3. 加载图片,使用{% asset_img image.jpg imagetitle} 即可

    注意,如果不想使用第三个的图片配置格式,还是只用原本添加图片后的默认格式,可以执行下面这个命令:

    npm install hexo-asset-image --save,这个在第二步的插件的git地址也有使用说明

总结:

人生到处都是坑,一不小心就陷了。但是也一路都有朋友,感谢github上的大神们,真是厉害。github才是58同城

相关文章

  • hexo markdown上传自定义图片

    因为最近用github开blog,所以接触到lhexo。基本使用还算简单。不过要想做好,着实需要下一番功夫。其实主...

  • Markdown 配置七牛云作为图床

    Hexo在使用Markdown编辑发布博客时,经常要上传本地图片,渲染加载图片的效果很不理想。推荐使用云平台作为图...

  • 使用七牛云图床并实现快速贴图

    Markdown编写博文体验很好 但,上传图片除外。用markdown编辑文章,或是在博客后台编写文章,上传图片一...

  • Markdown简明教程

    Markdown简明语法 Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaT...

  • hexo博客图片问题

    hexo博客图片的问题在于,markdown文章使用的图片路径和hexo博客发布时的图片路径不一致。 解决方式是使...

  • 有道云笔记非会员上传图片

    背景 先看一下目前的效果:在「Markdown 笔记」原有的上传图片弹窗中增加了一个我们自定义的上传按钮,通过直接...

  • Markdown插入图片方法之 - Base64

    Markdown插入图片方法之 - Base64 在markdown中使用图片的常用方法: 使用本地图片[图片上传...

  • Python爬虫html转markdown

    Python爬虫html转markdown 说明 动态博客转静态博客(例如typecho转hexo),在上传静态博...

  • Django常用-上传图片

    在Django中上传图片包括两种方式 在管理页面admin中上传图片 自定义form表单中上传图片,上传图片后,...

  • vue如何将quill图片上传到服务器

    通过自定义quill图片上传按钮,实现将图片上传服务器,并插入服务器地址。 这里面只需要关注自定义图片上传部分即可...

网友评论

    本文标题:hexo markdown上传自定义图片

    本文链接:https://www.haomeiwen.com/subject/odjiiqtx.html