加载中...
hexo博客添加gif动图
发表于:2021-11-24 | 分类: HEXO

坑——写在前面

在网上搜过很多添加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
![](image.jpg)

使用方法

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

上一篇:
hexo博客绑定域名的问题
下一篇:
VSCode在Ubuntu18.04空格长度减小问题
本文目录
本文目录