虽然现在的网站很简约,但是在家宅久了希望搞些洋气的东西,在网站上插入图片、音乐和视频。于是简单研究了下,做一定的记录。
插入本地图片
在博客目录下确认 _config.yml
中有 post_asset_folder:true
。
在 hexo 目录,执行
$ npm install https://github.com/CodeFalling/hexo-asset-image --save
之后再使用 hexo new
创建新博客的时候,会在 source/_posts
里面创建.md
文件的同时生成一个相同的名字的文件夹,把该文章中需要使用的图片放在该文件夹下即可。
在文中使用的时候,按照语法:
[图片上传失败...(image-937e2d-1583991846148)]
例如:
![ ] (example.jpg)
</pre>
|
插入图片外链
插入本地图片对于博客更新和资料管理等都会造成一定的影响,所以一般建议采用图床的方式,通过外部链接插入博客。
在文中使用的时候,按照语法:
|
[图片上传失败...(image-8ca187-1583991846148)]
</pre>
|
插入音乐
需要使用 iframe 标签
在实际运用中,可以使用网易云音乐,搜索想要的歌曲,点击歌曲名字进入播放器页面,点击生成外链播放器。
复制代码,直接粘贴到博文中即可。
以下为直接使用代码的结果:
视频链接最好是打开就是视频的链接(支持youku,YouTube),可以把视频上传到优酷,生成外链再拿来用。
|
简书不支持相关功能,请点击下文了解详细内容。
- 本文作者:NickYam
- 本文链接:https://www.nickyam.com/tech/hexo-add-music-and-movie.html
- 版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 CN 许可协议。转载请注明出处!
网友评论