hexo插入图片视频

发表于 更新于 分类于

​ 只会在hexo上添加图片，但是如何添加视频呢，于是我找到了下面的方法

插入图片

Hexo有多种图片插入方式，可以将图片存放在本地引用或者将图片放在CDN上引用。

本地引用–绝对路径

当Hexo项目中只用到少量图片时，可以将图片统一放在source/images文件夹中，通过markdown语法访问它们。

1
2
3
source/images/image.jpg

![(可以写关于图片的描述)](/images/image.jpg)
本地引用–相对路径

图片除了可以放在统一的images文件夹中，还可以放在文章自己的目录中。文章的目录可以通过配置_config.yml来生成。

1
2
3
_config.yml

post_asset_folder: true

将_config.yml文件中的配置项post_asset_folder设为true后，执行命令$ hexo new post_name，在source/_posts中会生成
文章post_name.md和同名文件夹post_name。将图片资源放在post_name中，文章就可以使用相对路径引用图片资源了。

1
2
3
_posts/post_name/image.jpg

![](image.jpg)

上述是markdown的引用方式，图片只能在文章中显示，但无法在首页中正常显示。
如果希望图片在文章和首页中同时显示，可以使用标签插件语法。

1
2
3
_posts/post_name/image.jpg

{% asset_img image.jpg This is an image %}
插入外部图片
url/image.jpg
1
![(可以写关于图片的描述)](外部url/image.jpg)

插入视频

插入视频与图片不同
如果你是用的Next主题那么 你可以直接用下面的方法：

视频url替换（视频地址）
1
{%video (视频地址)%}

实例如下：

如果你想尝试其他办法添加视频就用下面的方法（所有主题适用）
此方法需要安装插件hexo-tag-mmedia 支持多平台 和弹幕
支持添加下列平台视频

  • Aplayer
  • Meting
  • Dplayer
  • 西瓜视频
  • BiliBili
    本插件与下列插件冲突
    • hexo-tag-aplayer
    • hexo-tag-dplayer
    • hexo-tag-bilibili

安装前需要卸载他们

1
2
3
npm uninstall hexo-tag-aplayer
npm uninstall hexo-tag-dplayer
npm uninstall hexo-tag-bilibili

安装hexo-tag-mmedia

1
npm install hexo-tag-mmedia --save

添加视频

删除（视频地址）
1
{% dplayer "url:(视频地址)" %}

实例如下：