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

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

前文写道: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>

相关文章

Win10系统安装Hugo详细教程

Hugo是主流的静态网站生成器,也叫静态博客生成器。hugo是在本地运行的软件,在本地电脑按照规定格式写好文章,然后通过hugo可以一键生成一个优秀的网站!Hugo生成的网站是目前最新的自适应性网站,...

Hugo基于标签展示相关文章

本文以主题rockrock为例讲解:使用dw打开模板文件:themes/主题rockrock/layouts/_default/single.html找到以下内容:</div> ...

Hugo添加归档页面

Hugo默认没有归档页面,,需要自己单独添加一个归档页面。以hugo主题rockrock为例,方法如下:1、新建归档页面的模板;到主题目录下的layouts文件夹内新建文件夹archives到主题目录...

Hugo生成静态网页有大量空行怎么办

Hugo生成静态网页后,查看HTML网页源代码发现,里面有大量的空行,虽然前台显示正常,但是这些空行都应该被消灭掉!据说,不只是Hugo,Jekyell默认情况下也有同样的现象。这个问题一般是因为空元...

Hugo主题ivy的配置

Hugo主题ivy特别简洁,首页文章列表只有标题。主题文件也很简单,内容清晰,网站加载速度极快,这点比Hugo主题beautiful好很多!我在优化这个主题中遇到的问题如下:1、善用exampleSi...

Hugo主题jane的配置

麦田的博客是用Hugo搭建,主题是jane。jane主题添加关于我们和友情链接页面,并添加到页面菜单:新建md文件到文件夹content,重命名为about,页面头部加入:---title: &quo...

发表评论

访客

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