Hello World

发表于 | 分类于 | 阅读次数:
字数统计: 423 | 阅读时长 ≈ 2
Jeff's Code Lab - Something New Here

点首歌给你



    由于网易云音乐的外链自从2017下半年逐渐都失效了，在这里分享一个外联转换网站：『HHTJim's部落格 Web App | 外链转换工具 | 分享链接转直链』
Aplayer 的插入方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
    "autoplay": true,
    "showlrc": 3,
    "mutex": true,
    "music": [
        {
            "title": "全部都是你",
            "author": "Dragon Pig",
            "url": "http://link.hhtjim.com/qq/002bkWtJ4ElEEQ.mp3",
            "pic": "/pics/poster/全部都是你.jpg",
            "lrc": "https://歌词.lrc"
        }
    ]
}



外链样式


自己做的仿知乎的外链
用404界面做个样例

核心代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<center>
<a href="">
<div style="width: 400px;height: 86px;border-radius: 15px;background-color: #e2e3e5;position: relative;-webkit-box-shadow: 0 0 10px rgba(202, 203, 203, .5);
  -moz-box-shadow: 0 0 10px rgba(202, 203, 204, .5);">
    <div style="width: 250px; height: 60px;position: absolute;left: 15px;top: 13px;">
        在这里输入你的title</br>
        zhihu.zhuanlan
    </div>
    <div style="width: 250px; height: 80px;position: absolute;top:13px;left: 215px;">
        <img style="width: 90px;height: 60px;border-radius: 5px;" src="图片.jpg">
    </div>
</div>
</a>
</center>



Dplayer 视频插入



    由于很多优酷等视频网站在片头有强制广告，B站的插入样式不好看，Youtube虽简洁但是却需要科学上网，在此可以用音悦台的视频外链，并附上外联转换地址：『音悦台视频外链解析』（以上方法仅针对 mv ,自己制作的视频可以上传到七牛云，并获取外链）
Dplayer 的插入方法
1
2
3
4
5
6
7
{% dplayer "url=http://pcnvgw0yk.bkt.clouddn.com/IMG_8975.m4v"  
                   "https://封面图.jpg"  
                   "loop=yes" 
                   "theme=#FADFA3" 
                   "autoplay=false" 
                   "token=tokendemo" 
%}



自传七牛云视频床测试

Timer


Jeff 制作的计时界面，用来记录和 Cindy 在一起的时间。

Timer

0%