Hexo博客中的图片问题

文章目录

1. 1. 问题描述
2. 2. 方案思路
3. 3. 技术资料
   1. 3.1. 速食资料
4. 4. 版本环境
   1. 4.1. hexo version命令显示结果：
5. 5. 处理过程01: 解决思路
6. 6. 处理过程02: 图片文件夹自动生成
7. 7. 处理过程03: 试试Hexo3以上版本是否不用额外安装插件
8. 8. 处理过程04: Markdown语法测试
   1. 8.1. 第1张图片 OK
   2. 8.2. 第2张图片 ERROR
   3. 8.3. 第3张图片 OK
9. 9. 处理过程05: 标签插件语法测试
   1. 9.1. 第4张图片 OK
   2. 9.2. 第5张图片 ERROR
10. 10. 开始
    1. 10.1. 创建 新页面

问题描述

Hexo博客中的图片问题
考虑以后内容逐步增多，希望

方案思路

技术资料

速食资料

• hexo博客图片问题

版本环境

hexo version命令显示结果：

hexo: 3.2.2
hexo-cli: 1.0.2
os: Windows_NT 6.2.9200 win32 x64
http_parser: 1.0
node: 0.10.35
v8: 3.14.5.9
ares: 1.9.0-DEV
uv: 0.10.30
zlib: 1.2.8
modules: 11
openssl: 1.0.1j

处理过程01: 解决思路

2017-02-08 - 根据资料找寻存放位置

处理过程02: 图片文件夹自动生成

2017-02-08 - 根据资料找寻存放位置

处理过程03: 试试Hexo3以上版本是否不用额外安装插件

处理过程04: Markdown语法测试

第1张图片 OK

• 语法

  ![第1张图片](Logo-1.jpg)

• 效果
  

• 最终生成的HTML源码

  <img src="Logo-1.jpg" alt="第1张图片">

• 发布后的HTML外链接

  https://tiejunbh.github.io/2017/02/17/HexoBlogImage/Logo-1.jpg

第2张图片 ERROR

• 语法

  ![第2张图片](20170216-WordTableCrossPage/Logo-1.jpg)

• 效果
  

• 最终生成的HTML源码

  <img src="20170216-WordTableCrossPage/Logo-1.jpg" alt="第2张图片">

• 发布后的HTML外链接

  https://tiejunbh.github.io/2017/02/17/HexoBlogImage/20170216-WordTableCrossPage/Logo-1.jpg

第3张图片 OK

• 语法

  ![第3张图片](/2017/02/17/HexoBlogImage/Logo-1.jpg)

• 效果
  

• 最终生成的HTML源码

  <img src="/2017/02/17/HexoBlogImage/Logo-1.jpg" alt="第3张图片">

• 发布后的HTML外链接

  https://tiejunbh.github.io/2017/02/17/HexoBlogImage/Logo-1.jpg

处理过程05: 标签插件语法测试

第4张图片 OK

• 语法

  {% asset_img  Logo-1.jpg 第4张图片 %}

• 效果

  

• 最终生成的HTML源码

  <img src="/2017/02/17/HexoBlogImage/Logo-1.jpg" alt="第4张图片" title="第4张图片">

• 发布后的HTML外链接

  https://tiejunbh.github.io/2017/02/17/HexoBlogImage/Logo-1.jpg

第5张图片 ERROR

• 语法

  {% asset_img  20170216-WordTableCrossPage/Logo-1.jpg 第5张图片 %}

• 效果

• 最终生成的HTML源码

  出错啦，所以啥都没有

• 发布后的HTML外链接

  出错啦，所以啥都没有

开始

创建 新页面

$ hexo new "My New Post"

More info: Writing

图片1测试

图片2测试
qnimg image/av/IMG_20160912_140437.jpg

图片222测试
(http://ol8t4bu1i.bkt.clouddn.com/image/av/IMG_20160912_140437.jpg)

图片333测试