xcodebuild / hexo-asset-image Goto Github PK

View Code? Open in Web Editor NEW

321.0 6.0 180.0 19 KB

Give asset image in hexo a absolutely path automatically

License: MIT License

JavaScript 100.00%

hexo-asset-image's Introduction

hexo-asset-image

Give asset image in hexo a absolutely path automatically

Usege

npm install hexo-asset-image --save

Example

MacGesture2-Publish
├── apppicker.jpg
├── logo.jpg
└── rules.jpg
MacGesture2-Publish.md

Make sure post_asset_folder: true in your _config.yml.

Just use ![logo](logo.jpg) to insert logo.jpg.

History

2018-04-18: support hexo-abbrlink

hexo-asset-image's People

Contributors

Stargazers

Watchers

Forkers

sonywork grayoxygen cosysn goshin frapples yafey wing-ho gorden5566 mbxb hopher troyliu0105 jasmine102 wisfern ansgarlin aizyz wishlily vincenthdu nilname luke-lu hscarb bullfly66 wangyongcong monkeywie yangzhenweiq b40yd lovanya lukezp zhanfang rocgit ruicky linuxpy porterpan slzdude vosamo daemondshu geekerhua coreja lizeyan iozye stevenhugo fengqilu yangying1223 lucid25 foreveryang321 heyyong jackch3n tom-wangsj fronttang fangchieh xdsoar cyrilxu pandaclj downgoon qiuqiu0911 liu2001 tab-yang zimoloveshuang denghui1010 woodpecker1111 yonahwang jackyliu47 lmikoto recursively hao12306 kexplorning erik-ly cdpub2 opsdarren xilixixili nonomal eltrebol-zhiniao xwookey liujinghuan weylanshi zongkai28 zhiaowei hl1996-bigdata rcyw isguard veng0923 lisiur hqweay jamxe strang wxzhao7 jackzhou1007 yooziki jasonphone kurenairyu 5l1v3r1 fifamvp princesscatyn ftitreefly uinika yongmaple lianglei777 zhzhzhy cavinhuang alonsozhang bangctf

hexo-asset-image's Issues

项目地址在子路径下，图片生成地址还是根目录下

希望作者可以修复一下这个问题，如果hexo项目路径在子路径下，生成的图片路径还是根据根目录生成，导致图片路径无效

permalink=*.html 会出现异常

hexo: 3.3.1
hexo-cli: 1.0.2
os: Windows_NT 6.1.7601 win32 x64
http_parser: 2.7.0
node: 6.9.2
v8: 5.1.281.88
uv: 1.9.1
zlib: 1.2.8
ares: 1.10.1-DEV
icu: 57.1
modules: 48
openssl: 1.0.2j```
当我将hexo 的_config.yml中的permalink修改为 :title.html时，会出现以下异常
```FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/do
cs/troubleshooting.html
Error: ENOENT: no such file or directory, open 'c:\hexo\blog\public\zabbix-timeo
ut.html\001.png```
    at Error (native)`
当将permalink修改为 :title/时，一切正常

我在_config.yml中配置过root: blog
我的实际图片路径是https://域名/blog/2018/12/01/xxxx.png的形式
但是生成图片路径是https://域名/2018/12/01/xxxx.png的形式，导致无法加载
我将index.js中的$(this).attr('src', '/' + link + src);
修改为$(this).attr('src', Config['root'] + link + src);
才能正常显示

图片加载问题

hexo-asset-image插件已经安装，博客设置如下

尝试填文件夹图片也不显示

Debug图

添加图片后，图片下方自动多一空行。

不知道是hxio的问题，还是hexo asset image的问题。。。
能帮忙解决下吗？

在org-mode下未解析

cannot use when add a "/" to the head of the path

cannot use when add a "/" to the head of the path
wrong:
![testMyBlog](/testMyBlog/bottom_sheet.png)

right:
![testMyBlog](testMyBlog/bottom_sheet.png)

hope to enhance it.

如何在本地支持markdown，显示图片

建议 Hexo 3.x 用户直接用自带的 "资源文件夹" 特性

官方文档：

https://hexo.io/docs/asset-folders.html （简体中文）

然后这个项目可以直接封存了。

本地测试无法显示图片

请问在本地进行测试时，是不能看到图片的吗？

公共图片引用

不知道有没有办法引用公共图片，图片放在source/img下

在使用最新版 NexT 时，hexo -g 编译出错，“replace”未定义

报错如下：

TypeError: Cannot read property 'replace' of undefined
at Object. (E:\HEXOBLOG\node_modules\hexo-asset-image\index.js:31:38)
at initialize.exports.each (E:\HEXOBLOG\node_modules\hexo-asset-image\node_modules\cheerio\lib\api\traversing.js:293:24)
at Hexo. (E:\HEXOBLOG\node_modules\hexo-asset-image\index.js:29:16)

请问这是什么原因？
我使用旧版的 NexT（4.0.0）就可以编译通过。

codeblock `<>` render wrong

如果在代码区域中出现 <> 之类的标签，使用这个插件后会使得 <> 无法显示。

如果是

`<a>`

正常情况下会被解释为

<code><a></code>

而使用这个插件以后会被解释为

<code><a></a></code>

如此 <a> 就无法被显示出来。

不知道是什么原因产生的 bug。

域名是xxx.io的情况下，图片路径会从原本/xxx.jpg变成 /.io/xxx.jpg

域名： xxx.github.io
1.0.0版本第26行代码

link = link.substring(beginPos, endPos) + '/' + appendLink

当endPos小于beginPos的时候，link会往回取字符串.io
导致img url 多了/.io ，从而获取不到正确的图片路径，希望可以改善一下这个地方哈，THX

和hexo-abbrlink插件一起使用时会出现问题

在_config.yml中设置permalink字段为.html结尾时，图片的路径会出问题

图片的路径会直接变成根目录下的图片

有个问题

我是用hexo + github 搭建的博客。用这个在文章中添加图片。

在本地查看博客时：可以正常的显示图片；但是发布到github后，用博客地址就不能查看了。
出现的结果就是：The requested content cannot be loaded.Please try again later

Path parsing should be improved

Now. The follow image path can be parsed correctly:

![test](test/test.png)

But, I think it will be better to support this form of path (windows style):

![test](test\test.png)

Thanks very much.

建议能兼容markdowm语法

建议能兼容markdowm语法，能在文件markdowm内就能看到图片，而不是编译后通过网页访问才能看到图片

Changing `new_post_name` might disable the code

When you change the default new_post_name: :title.md in _config.yml as new_post_name: :year-:month-:day-:title.md, it failed to insert the images.

图片加载的问题

作者你好，
我的图插入博客后上传也是出现了图片无法显示，这个现象我查看HTML的路径和实际图片存储的路径不相符，这是我的测试路径，http://chunlife.top/2018/07/24/testPic/，
可以看到图片位置为：http://chunlife.top/24/testPic/1532444379380.png，
这个和GitHub上的路径对应不起来，hexo-asset-image为最新版本，不知道是不是我使用方法错误了？还请赐教。

Whether ![logo](logo.jpg) should better be ![logo](MacGesture2-Publish/logo.jpg)

Here just a small tips for README.md, when edit a blog in Markdown editor, the insert path for logo.jpg should be ![logo](MacGesture2-Publish/logo.jpg) instead of ![logo](logo.jpg).

图片路径问题，无法显示

我的图片的路径看起来好奇怪。这是我的package.json文件，部署之后路径有问题无法显示图片。我是win10，但是我看了一下我同学的就可以用，他的路径是/img/***.png。

可以调节图片大小吗

TypeError: Cannot read property 'replace' of undefined

下载完成后，进行hexo g时出现错误。
错误代码如下：不知是何原因
$ hexo g
FATAL Something's wrong. Maybe you can find the solution here: http://hexo.io/do cs/troubleshooting.html
1:38)
:24)
16)
main\util.js:26:23)
\main\method.js:15:34)
util.js:26:23)
ode_modules\bluebird\js\main\reduce.js:105:38)
ebird\js\main\promise.js:589:26)
bird\js\main\promise.js:700:14)
s\main\async.js:123:16)
js\main\async.js:133:10)
bluebird\js\main\async.js:15:14)
1:38)
:24)
16)
main\util.js:26:23)
\main\method.js:15:34)
util.js:26:23)
ode_modules\bluebird\js\main\reduce.js:105:38)
ebird\js\main\promise.js:589:26)
bird\js\main\promise.js:700:14)
s\main\async.js:123:16)
js\main\async.js:133:10)
bluebird\js\main\async.js:15:14)

1.0.0版本的代码对link的处理存在问题

1.0.0版本17-26行代码如下：

    if(/.*\/index\.html$/.test(link)) {
      // when permalink is end with index.html, for example 2019/02/20/xxtitle/index.html
      // image in xxtitle/ will go to xxtitle/index/
      appendLink = 'index/';
      var endPos = link.lastIndexOf('/');
    }
    else {
      var endPos = link.lastIndexOf('.');
    }
    link = link.substring(beginPos, endPos) + '/' + appendLink;

Failed to Show Image again using version 0.0.3

#2 中所述问题在0.0.2版本中没有出现，更新到0.0.3版本之后，该问题又复现了。生成的图片地址中包含了双层的 Asset folder 路径。

seems doesn't support image which type is jpeg

hexo-asset-image 和 hexo-abbrlink 共用导致图片无法正常显示问题

你好，你的插件非常棒，给我很大的帮助，但是目前我遇到了一个问题，在同时使用 hexo-asset-image 和 hexo-abbrlink 插件时，图片不能正常显示，不知道在 hexo-asset-image 的版本更新过程中能否实现与 hexo-abbrlink 插件的兼容呢？

建议添加版本说明文件

fail to install in linux.

my input and output information:

npm install hexo-asset-image --save
[email protected] /home/ziyuan/Program/Hexo
└── [email protected]

npm WARN optional Skipping failed optional dependency /hexo/hexo-fs/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /hexo/nunjucks/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /hexo-deployer-git/hexo-fs/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]
npm WARN optional Skipping failed optional dependency /hexo-math/hexo-fs/chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]

项目在子目录下，生成链接有重复

hexo配置如下

url: http://192.168.16.166/cn
root: /cn/

实际生成图片地址如下
http://192.168.16.166/cn/cn/ssa.png
预期生成图片地址如下：
http://192.168.16.166/cn/ssa.png

ps:已安装hexo-abbrlink

issue in the Windows about inserting picture with markdown syntax,while not in Macos(using other image plugin)

Environmet

NexT theme version 7.4.0 from GitHub release;
hexo-asset-link installed with npm install --s
post_asset_folder option turned on in _config.yml
windows10 1909

show the exact `package.json`

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
    "version": "4.0.0"
  },
  "dependencies": {
    "babel-runtime": "^6.26.0",
    "hexo": "^4.0.0",
    "hexo-abbrlink": "^2.0.5",
    "hexo-all-minifier": "^0.5.3",
    "hexo-asset-image": "^1.0.0",
    "hexo-deployer-git": "^2.1.0",
    "hexo-footnotes": "^1.0.2",
    "hexo-generator-archive": "^1.0.0",
    "hexo-generator-category": "^1.0.0",
    "hexo-generator-feed": "^2.1.1",
    "hexo-generator-index": "^1.0.0",
    "hexo-generator-search": "^2.4.0",
    "hexo-generator-tag": "^1.0.0",
    "hexo-renderer-ejs": "^1.0.0",
    "hexo-renderer-marked": "^2.0.0",
    "hexo-renderer-stylus": "^1.1.0",
    "hexo-server": "^1.0.0",
    "hexo-symbols-count-time": "^0.7.0"
  }
}

Test Case

Show the <!doctype html> in the chrome

(i don't know how to paste the word,cause i am beginner)

How to Reproduce

(in windows 10 1909)

Establish one blank posts with commands hexo new "英语学习的经验分享"
Paste the picture in the file of "英语学习的经验分享" in the _post file,and qoute it with mardown syntex,like the picture below
Run hexo s and visit http://locahost:4000 to check out the issue,like the picture below

the expction

like the picture(test in the macos with the hexo-asset-link plugin)

install failed

$ npm install https://github.com/CodeFalling/hexo-asset-image --save
npm ERR! fetch failed https://github.com/CodeFalling/hexo-asset-image
npm WARN retry will retry, error on last attempt: Error: fetch failed with status code 406
npm ERR! fetch failed https://github.com/CodeFalling/hexo-asset-image
npm WARN retry will retry, error on last attempt: Error: fetch failed with status code 406
npm ERR! fetch failed https://github.com/CodeFalling/hexo-asset-image
npm ERR! Windows_NT 6.3.9600
npm ERR! argv "D:\Program Files\nodejs\node.exe" "D:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install" "https://github.com/CodeFalling/hexo-asset-image" "--save"
npm ERR! node v0.12.0
npm ERR! npm v2.5.1

npm ERR! fetch failed with status code 406
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR! http://github.com/npm/npm/issues

npm ERR! Please include the following file with any support request:
npm ERR! F:\github\wuxiaolan91.github.io\npm-debug.log

Failed to Show Image

file _config.yml
post_asset_folder: true
file sample.md
![image1](sample/image1.jpg)
image sample/image1.jpg

but generate file index.html
<img src="/2016/01/31/sample/sample/image1.jpg" alt="image1">

how to make it show image on my site?

静态文件生成的图片路径不正确

about路径下有一个文件叫index.md 我在这个路径下创建了一个index文件夹，png图片放在index路径下

about/
-------index,md
-------index

在index.md文件中插入图片：

！【支付宝扫一扫，请博主喝杯咖啡】(index/ap1g9yh63op41h7z62.png)

生成的src路径是/about/indexhtmlap1g9yh63op41h7z62.png

注：上面为了显示方便，所以符号用的中文符号，我在实际index.md中用的是英文符号。

hexo g 之后图片路径多了”.htm“导致图片无法正常展示

update link as:-->/p/2bc5.htm/1.PNG
update link as:-->/p/2bc5.htm/2.PNG
update link as:-->/p/2bc5.htm/3.PNG
update link as:-->/p/2bc5.htm/4.PNG
update link as:-->/p/2bc5.htm/5.PNG

hexo g 后多了 “.htm” ，麻烦解答一下，谢谢

建议，用 data.title 代替

本人没有用 title 作为 permant link 的组成部分，导致这个插件没法用。建议改用 data.title 匹配内容，代码还简洁一些。

permalink: :year/:month/:day/:title 如果加上“.html”会有问题

刚刚测试，如果在 “_config..yml” 里，把 permalink: :year/:month/:day/:title加上“.html”，该插件就无法正常使用，生成时路径会把 “.html” 也一起生成，最后生成路径会为“D:\hexo\template\public\2017\03\14\jqexamplee.html\logo.jpg”。除了把“.html”去掉，不知道有没有其他方法可以修改？

文件更新后，页面刷新显示未命名

在本地使用过程中发现，在使用了 hexo-asset-image 之后，如果更新了文件，预览的时候文件就无法正常显示，一定要重新 hexo g ，然后 hexo s -p 80 才能预览。

文件在 Typora 编辑器的非 Source Code Mode 才会出现这个情况。

图片加载bug

我在用您的插件时出了图片链接显示为http://www.cubemister.com/2016/10/02/post/post/image.jpg的bug，用的图片语法格式是![](post/image.jpg)，markdown的语法是不能自动识别![](image.jpg)的，所以我不能按照您说的用这个写法，希望您能修复这个bug，万分感谢！

绝对路径生成不完整

我使用该插件仍旧无法正常显示图片，查看html发现图片路径生成不完整，只有日，没有年月。
如下
img src="/22/imagetest/500.jpg" alt="500"

md文件完整语句如下：

title: imagetest
date: 2017-01-22 20:24:21
tags:

请问如何解决？谢谢

path error

<img src="/2016/05/14/my.htmllogo.jpg" title="logo">

code
![logo](MacGesture2-Publish/logo.jpg)

lack /

success
/2016/05/14/my.html/logo.jpg

中文编码问题

您好，我在使用时发现该插件会将中文修改为unicode编码，而在index.js中cheerio.load方法下添加参数：decodeEntities: false，可以避免这个问题
var $ = cheerio.load(data[key], {
ignoreWhitespace: false,
xmlMode: false,
lowerCaseTags: false,
decodeEntities: false
});

参考：https://cnodejs.org/topic/54bdd639514ea9146862ac37，不知道可不可以修改一下此处。

在站点是http://xxxxx.gitee.io/ice_blog和root：/ice_blog情况下图片url错误

在_config.yml配置如下时候，生成的图片url对多一个root的值

此时需要把index.js中的分割数量由3改成4，发布后才能正确显示图片，

建议作者可以兼容一下这种情况