优秀转载未读
一个360壁纸网站分享特点
界面简洁干净
支持分类检索与关键词检索
响应式布局,自适应PC端和移动端
纯静态
使用方法
分享地址:https://github.com/ztyangt/wallpaper-360
可以将源码下载下来,自己二次开发打包部署
也可以直接上传解压打包好的静态文件包 disk.zip
注意事项由于需要请求360的壁纸API,需要解决跨域的问题,因此在部署好静态文件之后,需要对网站进行简单的配置,我的网站是基于Nginx部署的,在网站配置文件中加入如下配置:
123456789101112131415location /360 { rewrite ^.+360/?(.*)$ /$1 break; include uwsgi_params; proxy_pass http://cdn.apc.360.cn; } location /360hot { rewrite ^.+360hot/?(.*)$ /$1 break; include uwsgi_params; proxy_pass http://o ...
前几天偶尔看到了洪哥的HeoMusic - 一个开源的基于Aplayer和MetingJS的静态音乐播放器一文,觉得挺好看,就入手了一个,下面简单记录一下部署过程。
效果预览
HaiMusic - 用音乐感染人心
特性
多设备兼容性支持
清晰的歌词展示
较好的性能
部署你可以直接fork或者下载HeoMusic仓库,然后直接上传到你的服务器或者使用vercel、githubpage等在线服务将仓库在线部署。这里不过多赘述,懂得都懂。
基本操作Space空格键:暂停/播放音乐
上/下方向键:增加/减少音量
左/右方向键:上一曲/下一曲
修改歌单ID: 歌单的id,可以从音乐歌单分享的链接中获取,例如https://y.qq.com/n/ryqq/playlist/8668419170 中,id为8668419170
Server: 歌单的服务商,例如netease(网易云音乐),tencent(腾讯),kugou(酷狗),xiami(小米音乐),baidu(百度音乐)
使用URL参数(推荐)HeoMusic支持URL参数 https://music. ...
优秀转载未读
markdown书写备忘录Markdown是一种轻量级的标记语言,如今已成为世界上最受欢迎的标记语言之一。