hexo插入图片视频
只会在hexo上添加图片,但是如何添加视频呢,于是我找到了下面的方法
插入图片
Hexo有多种图片插入方式,可以将图片存放在本地引用或者将图片放在CDN上引用。
本地引用–绝对路径
当Hexo项目中只用到少量图片时,可以将图片统一放在source/images文件夹中,通过markdown语法访问它们。
1 | source/images/image.jpg |
本地引用–相对路径
图片除了可以放在统一的images文件夹中,还可以放在文章自己的目录中。文章的目录可以通过配置_config.yml来生成。
1 | _config.yml |
将_config.yml文件中的配置项post_asset_folder设为true后,执行命令$ hexo new post_name,在source/_posts中会生成
文章post_name.md和同名文件夹post_name。将图片资源放在post_name中,文章就可以使用相对路径引用图片资源了。
1 | _posts/post_name/image.jpg |
上述是markdown的引用方式,图片只能在文章中显示,但无法在首页中正常显示。
如果希望图片在文章和首页中同时显示,可以使用标签插件语法。
1 | _posts/post_name/image.jpg |
插入外部图片
1 |  |
插入视频
插入视频与图片不同
如果你是用的Next主题那么 你可以直接用下面的方法:
1 | {%video (视频地址)%} |
如果你想尝试其他办法添加视频就用下面的方法(所有主题适用)
此方法需要安装插件hexo-tag-mmedia 支持多平台 和弹幕
支持添加下列平台视频
- Aplayer
- Meting
- Dplayer
- 西瓜视频
- BiliBili
本插件与下列插件冲突- hexo-tag-aplayer
- hexo-tag-dplayer
- hexo-tag-bilibili
安装前需要卸载他们
1 | npm uninstall hexo-tag-aplayer |
安装hexo-tag-mmedia
1 | npm install hexo-tag-mmedia --save |
添加视频
1 | {% dplayer "url:(视频地址)" %} |
实例如下:
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Cycc!

