源码简介
我们是狗,舔狗。基于上一版中的数据,重新设计了舔狗日记。
人肉对每段数据的内容、标点符号进行纠错与优化(不一定标准);并按本人理解进行了划重点标记。
接入和风天气API,获取城市、气象、气温。免费版每日只有1000次,请自行申请天气API,填写到ApiUrl中(index.html 232行)。
使用个性字体:站名「造字工房尚雅」;正文「汉仪跳跳体」
截图演示
舔狗日记站点预览:
https://www.zxsbk.com/tool/tgrj/
使用方法
赵斌博客中提供的文件,然后将整个项目上传到你的网站目录即可,例如我的目录就是 zbzmt.com/tgrj,在网站根目录根目录新建 tgrj文件夹,上传 assets和 index.html即可,访问路径:网站根目录/目标文件夹/index.html
在本地环境下,直接双击运行 index.html也可以查看到效果
- 天气API,获取城市、气象、气温。免费版每日只有1000次,请自行申请天气API,内置了api_key也可以不需要修改
if(city == '' || dayDiff >= 1) {
$.post(
'https://free-api.heweather.net/s6/weather/now?location=auto_ip&key=115e4ece0659467bb560b1f070675980',
function(data){
var weather = data.HeWeather6[0] || {};
city = weather.basic.parent_city || '';
cloud = weather.now.fl || ''
cond = weather.now.cond_txt || ''
localStorage.setItem('city',city);
localStorage.setItem('cloud',cloud);
localStorage.setItem('cond',cond);
localStorage.setItem('date',new Date());
renderWeather();
},'json'
) // 天气结束
} else {
renderWeather();
}
资源下载
本文共 294 个字数,平均阅读时长 ≈ 1分钟
评论 (0)