hexo-asset-img

Hexo 本地图片插件
授权协议 MIT
开发语言 JavaScript
所属分类 建站系统、 相册/照片/多媒体系统
软件类型 开源软件
地区 国产
投 递 者 梁祯
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Hexo 本地图片插件可以转换图片相对路径 为 asset_img,使用本插件即可实现 Typora 等 Markdown 编辑器预览与 Hexo 发布预览均能正常显示图片。

使用

npm install hexo-asset-img --save
hexo-typora
├── apppicker.jpg
├── logo.png
└── rules.jpg
hexo-typora.md

Make sure post_asset_folder: true in your _config.yml.

hexo-typora.md: Just use ![logo](hexo-typora/logo.png) to insert logo.png.

与 Typora 配合使用

起源

hexo-asset-image 已无效, 大概是从 Hexo 5 开始,并且此仓库已 archived

Q: 为什么使用本地图片 而不是网络图片 (图床) ? A:

  1. 第三方图床不稳定, 容易丢失图片
  2. 自行搭建图床, 随着上传错误图片, 删除文章而没有删除关联图片 次数的增多, 未引用图片越来越多, 图床中也越来越多的无用冗余图片, 还不方便删除, 也容易误删除
  3. 本地图片 与 文章在一个文件夹, 易打包, 在无网络或网络较差时也能预览
  4. 本地图片 放在与 文章文件名同名文件夹内 方便管理

补充: 很多 markdown编辑器 提供粘贴图片到本地图片文件夹, 这些图片文件名通常不易读, 较长, 如果每次删除文章中的图片引用, 都手动去删除相应图片, 以及删除文章, 手动删除关联图片文件夹, 比较麻烦, 但不删除, 未引用图片又会越来越多, 因此 删除未引用图片工具 应运而生! https://github.com/yiyungent/coo

  • Hexo 本地图片插件: 转换 图片相对路径 为 asset_img 仓库 - GitHub: github.com/yiyungent/hexo-asset-img - Gitee: gitee.com/yiyungent/hexo-asset-img QQ群: 894031109 介绍 使用本插件 即可实现 Typora 等 Markdown 编辑器预览 与 Hexo 发布预览 均能正常显示图

  • 按网上搜的教程弄了一个晚上,主要尝试的方法是 hexo-asset-image 插件,但是该插件已失效,至少hexo 6.3.0版本已经无法使用。(浪费了一晚上,好气!!不过还好最后还是找到了解决办法) 使用插件 npm install hexo-asset-img --save 具体见https://moeci.com/posts/hexo-typora/#%E4%BD%BF%E7%94%A8%

  • 因为: 在本地查看会显示不正常,但是部署到github上就显示正常了. hexo中添加图片的方法 1.设置站点配置_config.yml post_asset_folder: true 2.安装插件 npm install https://github.com/CodeFalling/hexo-asset-image -- save 3 引用图片 3.1 利用标签引用 1 {% asset_pat

  • 问题描述 Hexo-asset-image已经在2020年archived了,但Hexo还在更新,所以笔者在hexo6.3.0下使用该插件时便出现了图片引用出错的问题。 原因分析: 在查看其index.js时,发现该插件还是scr属性标签,但hexo6.3.0中已经改为 data-scr,所以在使用原插件时,这部分会直接跳过,从而会使图片的引用路径处理出错。 $('img').each(func

  • 原文 https://leay.net/2020/03/23/hexo-next/ 只留必要依赖 配置文件 theme/_config.yml 中不必要的依赖不要添加。 比如对我来说,3D 效果之类的都没必要,所以 three.js、canvas_nest.js 啥的都不必开启。 最后用到的有: quicklink:预加载用户视区中的链接 pjax:站内页面刷新 lazyload:图片懒加载 me

  • 安装hexo中运行npm install出现的问题(npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents): ) $ npm install npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_m

  • 要使用 git 工具首先要配置一下SSH key,为部署本地博客到 Github 做准备。 谢谢!有些细节网上内容比较多,不在阐述具体讲一些我在网上难以搜到的坑点。具体可以私聊我,知无不言。欢迎和我个人博客互加友链!!! 陈子都个人博客 以下博文仅限于windows平台配置,如有错误望谅解! 配置 SSH key $ git config --global user.name "用户名" $ gi

  • Hexo 是高效的静态站点生成框架,她基于 Node.js。 通过 Hexo 你可以轻松地使用 Markdown 编写文章,除了 Markdown 本身的语法之外,还可以使用 Hexo 提供的 标签插件 来快速的插入特定形式的内容。在这篇文章中,假定你已经成功安装了 Hexo,并使用 Hexo 提供的命令创建了一个站点。 简单安装hexo,以及next内容就简写了,具体写我搭建时候遇到的一些坑点。

  • hexo使用markdown语法无法正常显示本地图片问题的解决办法如下: step1:下载hexo-asset-image插件 在站点根目录下,执行以下命令下载hexo-asset-image插件: $ npm install hexo-asset-image --save step2:修改站点配置文件_config.yml 把站点配置文件_config.yml中的post_asset_folde

  • 前言 最近在GitHub Pages中搭建了hexo博客,并且使用了next主题,当使用文字博客或者外链图片时没有什么问题,但是使用内置图片却出现了问题,在此记录下来。 hexo-asset-image无法在新版本使用 当发布新文章时,我使用了hexo-asset-image这个插件,这个插件需要在_config.yml中设置post_asset_folder为true才能开启,并且需要安装插件,

  • hexo部署到服务器之后图片无法访问问题 问题描述: hexo本地截图之类的图片,本地部署可以访问,但是部署到服务器之后无法显示,因为图片并没有传到服务器上面或者路径有问题。 解决办法: 首先:安装一个图片路径转换的插件,这个插件名字是hexo-asset-image npm install hexo-asset-image --save 但是这个插件的内容需要修改【不然可能会出Bug】 打开/

 相关资料
  • insertImage(int $row, int $column, string $localImagePath[, double $widthScale, double $heightScale]) int $row $excel = new \Vtiful\Kernel\Excel($config); ​ $freeFile = $excel->fileName("free.xlsx");

  • 本文向大家介绍iOS实现图片存在本地、再从本地获取图片的功能,包括了iOS实现图片存在本地、再从本地获取图片的功能的使用技巧和注意事项,需要的朋友参考一下 iOS实现图片存在本地、再从本地获取图片的功能,代码如下: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • /aaaaa/static/img/zhexian.41eafbf5.png 转 这种格式 data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAABjCAYAAAGZCG4EAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQA

  • 在游戏开发过程中,我们会遇到超过屏幕大小的地图,例如在即时战略游戏中,它使得玩家可以在地图中滚动游戏画面。这类游戏通常会有丰富的背景元素,如果直接使用背景图切换的方式,需要为每个不同的场景准备一张背景图,而且每个背景图都不小,这样会造成资源浪费。 瓦片地图就是为了解决这问题而产生的。一张大的世界地图或者背景图可以由几种地形来表示,每种地形对应一张小的的图片,我们称这些小的地形图片为瓦片。把这些瓦片

  • 本文向大家介绍jquery图片切换插件,包括了jquery图片切换插件的使用技巧和注意事项,需要的朋友参考一下 以上就是本文给大家分享的代码的全部内容了,希望大家能够喜欢

  • 本文向大家介绍js本地图片预览实现代码,包括了js本地图片预览实现代码的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js本地图片预览实例,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。