hexo图片及音乐插入

发表于 | 分类于
字数统计 303 | 阅读时长 1

图片插入

在根目录下的_config.yml中确认 post_asset_folder: true
用 hexo new file_name 时会自动创建同名文件夹
在file_name.md用 ![图片描述](图片文件全名) 可以直接使用同名文件夹下的图片

音乐插入

  1. 同图片放文件夹方式使用audio标签来使用

    1
    2
    3
    <audio controls="controls" autoplay="autoplay" loop="loop">
      <source src="陈粒-小半.mp3" type="audio/mpeg" />
    </audio>

    以下属性仅支持html5游览器可用
    controls 显示播放控件，无控件参考文献 谷歌 学术 音乐
    autoplay 自动播放，大部分手机游览器会屏蔽此属性
    loop 循环播放

  2. 使用网易外链，网易好像不支持https外链，在github可能不能使用，测试一下

    原iframe代码如下

    1
    <iframe frameborder="0" border="0" marginwidth="0" marginheight="0" width="330" height="86" src="//music.163.com/outchain/player?type=2&id=468517654&auto=0&height=66"></iframe>

    不考虑兼容性的话建议改成

    1
    <embed src="//music.163.com/outchain/player?type=2&id=468517654&auto=0&height=66" width="330" height="86"></embed>

    两种方式在Chrome IE Edge的不同表现
    chrome
    IE
    Edge

使用flash并不建议。。。。


1
<embed src="//music.163.com/style/swf/widget.swf?sid=468517654&type=2&auto=0&width=320&height=66" width="340" height="86"  allowNetworking="all"></embed>

0%