Markdown添加音乐-hugo和hexo添加歌曲

麦田3年前 (2020-02-11)工作笔记795

前文写道:Markdown添加视频 - hugo和hexo添加视频。那这些静态博客生成器怎么添加音乐歌曲等音频呢?


方法是一样的,那就是使用html代码,建议直接使用html5的代码,目前已经是主流!


hugo、hexo、jekyll等静态博客生成器都是一Markdown格式的文件作为基础生成,所以善用Markdown语音即可。


Markdown作为轻量级的标记语言,兼容 html 语法,可以直接在Markdown文档中使用 html语法。


hugo、hexo和jekyll等静态博客生成器添加音乐歌曲等音频的方法如下:


<audio controls="controls">

  <source src="你的音频网址.mp3" type="audio/mp3" />

</audio>

相关文章

Hugo主题rockrock的配置

rockrock主题很干净,我很喜欢,但是这些主题都需要配置和优化:1、Hugo实现猜你喜欢功能(相关文章,或者相关内容功能)使用dw打开模板文件:themes/主题rockrock/layouts/...

Hugo主题nuo的配置

Hugo主题nuo简洁大方,电脑端界面分左右两栏,手机端界面和其他所有主题类似,我很喜欢!因为麦田喜欢生成.html文件,并直接放在网站根目录下,所以这个主题修改和配置的地方比较多:1、先设置网站根目...

Hugo主题LeaveIt优化

感谢作者liuzhichao.com提供的主题LeaveIt,这个主题可以选择不同的首页展示模式,还可以点击网站名称左侧的爱心按钮,切换黑白界面!这个主题已经比较完美,优化工作比较少:1、加入归档页面...

Hugo主题beautiful的优化

Hugo主题beautiful是个白灰色的主题,风格简洁,适合所有网站!这个主题的文件和内容比较混乱,尤其是CSS,编辑优化用了很多时间。遇到的第一个问题:语言解决方法是在配置文件里加入:defaul...

Win10系统安装Hexo教程

Hexo也是一款静态博客生成器,是基于node.js制作的博客工具,Hexo和Jekyll都属于热门的静态博客生成器。Hexo的安装和Hugo一样比较简单,两者都比Jekyll安装简单!Hexo的安装...

Hexo使用教程和经验

Hexo是排名最靠前的静态博客生成器,安装简单,主题多。和Hugo、Jekyll都属于热门的静态博客生成器。本文是Hexo的使用经验和使用教程:Hexo生成的目录结构及作用|-- node_modul...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。