坑——写在前面
在网上搜过很多添加gif动图的方法,但都不尽人意,其问题都出在hexo s后可以正常显示,但hexo d上传后就无法查看。
eg:
1 | <iframe height=100 width=100 src="gif 图片地址"> |
这是html直接插入gif图片地址,在上传之后gif无法显示。
下面直入正题:
解决方法:
1.gif录取软件
GifCam 是用于创建动画图像或 GIF 的免费软件。Windows工具的工作原理类似于相机或屏幕录像机,可为所需区域拍摄一系列照片。它稍后将它们保存为易于共享和播放的动画图像或AVI 文件。虽然该工具具有多种用途且易于操作,但它仅适用于 Windows。
官网下载地址 或者 百度网盘下载链接:下载地址 提取码:19c3
2.更改配置
打开hexo博客根目录下的_config.yml文件,更改以下配置
1 | post_asset_folder: true |
将_config.yml文件中的配置项post_asset_folder设为true后,执行命令$ hexo new post_name,在source/_posts中会生成文章post_name.md和同名文件夹post_name。将图片资源放在post_name中,文章就可以使用相对路径引用图片及gif资源了。
3.设置路径并引用
用Typora软件设置好图像根目录为自己的同名文件夹,格式–>图像–>设置图片根目录
写文章是直接引用就可以了
1 |  |

这样上传之后gif图片就可以正常显示了。。。