去除配置文件 & 天气 API 更换

This commit is contained in:
底层用户 2022-07-07 21:42:10 +08:00
parent 0f71818829
commit d95b2708c3
7 changed files with 193 additions and 129 deletions

View File

@ -9,8 +9,6 @@
>主页的 Logo 字体已经过压缩,若用本站 Logo 以外的字母会变回默认字体,这里是 [完整字体](https://file.imsyy.top/font/Pacifico-Regular.ttf) >主页的 Logo 字体已经过压缩,若用本站 Logo 以外的字母会变回默认字体,这里是 [完整字体](https://file.imsyy.top/font/Pacifico-Regular.ttf)
>天气 API 每日限量100次需 [自行申请](https://www.tianqiapi.com/),或更换其他 API
### Demo ### Demo
>由于 CDN 缓存原因,查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存 >由于 CDN 缓存原因,查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存
@ -28,7 +26,17 @@
- [x] 移动端适配 - [x] 移动端适配
* [ ] 还没想好呢 * [ ] 还没想好呢
### 配置
### 天气
由于原天气 API 不稳定,已更换天气 API现需要前往以下网站获取 key
- 前往 [ROLL](https://www.mxnzp.com/doc/list) 获取 app_id 和 app_secret用于获取城市信息
- 前往 [和风天气](https://dev.qweather.com/) 获取 key用于获取天气信息
也可自行更换其他方式
<!-- ### 配置
本项目采用 `json` 文件来配置站点内容,该配置不受版本更新影响,可将自定义配置写入 `setting.json` 以更改页面内容 本项目采用 `json` 文件来配置站点内容,该配置不受版本更新影响,可将自定义配置写入 `setting.json` 以更改页面内容
@ -79,7 +87,7 @@
} }
``` ```
</details> </details> -->
### 音乐 ### 音乐
@ -137,7 +145,8 @@ make clean all
* [MetingAPI By 武恩赐](https://api.wuenci.com/meting/api/) * [MetingAPI By 武恩赐](https://api.wuenci.com/meting/api/)
* [小歪 API](https://api.ixiaowai.cn/) * [小歪 API](https://api.ixiaowai.cn/)
* [天气 API](https://www.tianqiapi.com/) * [和风天气](https://dev.qweather.com/)
* [ROLL](https://www.mxnzp.com/doc/list)
* [Hitokoto 一言](https://hitokoto.cn/) * [Hitokoto 一言](https://hitokoto.cn/)
<a title="SSL" target="_blank" href="https://myssl.com/seal/detail?domain=blog.imsyy.top"><img src="https://img.shields.io/badge/MySSL-安全认证-brightgreen"></a>&nbsp;<a title="CDN" target="_blank" href="https://cdnjs.com/"><img src="https://img.shields.io/badge/CDN-Cloudflare-blue"></a>&nbsp;<a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2022-%E7%84%A1%E5%90%8D-red"></a> <a title="SSL" target="_blank" href="https://myssl.com/seal/detail?domain=blog.imsyy.top"><img src="https://img.shields.io/badge/MySSL-安全认证-brightgreen"></a>&nbsp;<a title="CDN" target="_blank" href="https://cdnjs.com/"><img src="https://img.shields.io/badge/CDN-Cloudflare-blue"></a>&nbsp;<a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2022-%E7%84%A1%E5%90%8D-red"></a>

View File

@ -9,8 +9,6 @@ Simple little homepage, had enough of the original one and made a new one
>The logo font on the home page has been compressed, so if you use a font other than this logo, it will change back to the default font, Here is the [full font](https://file.imsyy.top/font/Pacifico-Regular.ttf) >The logo font on the home page has been compressed, so if you use a font other than this logo, it will change back to the default font, Here is the [full font](https://file.imsyy.top/font/Pacifico-Regular.ttf)
>Weather API is limited to 100 times per day, must [Apply on your own](https://www.tianqiapi.com/), or change to another api
### Demo ### Demo
>Due to CDN caching, you may need `Ctrl` + `F5` to force a browser cache refresh to see the latest results >Due to CDN caching, you may need `Ctrl` + `F5` to force a browser cache refresh to see the latest results
@ -28,7 +26,17 @@ Simple little homepage, had enough of the original one and made a new one
- [x] Mobile adaptation - [x] Mobile adaptation
* [ ] Haven't thought about it yet * [ ] Haven't thought about it yet
### Configuration ### Weather
Because the original weather API is unstable, the weather API has been replaced. Now you need to go to the following website to obtain the key
- to [ROLL] (https://www.mxnzp.com/doc/list) for app_id and app_secret, used to capture the city
- to [and wind weather] (https://dev.qweather.com/) to obtain the key, is used to get the weather information
It can also be replaced by other methods
<!-- ### Configuration
This project uses `json` file to configure the site content, the configuration is not affected by version updates, you can write custom configuration to `setting.json` to change the page content This project uses `json` file to configure the site content, the configuration is not affected by version updates, you can write custom configuration to `setting.json` to change the page content
@ -79,7 +87,7 @@ This project uses `json` file to configure the site content, the configuration i
} }
``` ```
</details> </details> -->
### Music ### Music
@ -137,7 +145,8 @@ make clean all
* [MetingAPI By wuenci](https://api.wuenci.com/meting/api/) * [MetingAPI By wuenci](https://api.wuenci.com/meting/api/)
* [小歪 API](https://api.ixiaowai.cn/) * [小歪 API](https://api.ixiaowai.cn/)
* [天气 API](https://www.tianqiapi.com/) * [和风天气](https://dev.qweather.com/)
* [ROLL](https://www.mxnzp.com/doc/list)
* [Hitokoto 一言](https://hitokoto.cn/) * [Hitokoto 一言](https://hitokoto.cn/)
<a title="SSL" target="_blank" href="https://myssl.com/seal/detail?domain=blog.imsyy.top"><img src="https://img.shields.io/badge/MySSL-安全认证-brightgreen"></a>&nbsp;<a title="CDN" target="_blank" href="https://cdnjs.com/"><img src="https://img.shields.io/badge/CDN-Cloudflare-blue"></a>&nbsp;<a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2022-%E7%84%A1%E5%90%8D-red"></a> <a title="SSL" target="_blank" href="https://myssl.com/seal/detail?domain=blog.imsyy.top"><img src="https://img.shields.io/badge/MySSL-安全认证-brightgreen"></a>&nbsp;<a title="CDN" target="_blank" href="https://cdnjs.com/"><img src="https://img.shields.io/badge/CDN-Cloudflare-blue"></a>&nbsp;<a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2022-%E7%84%A1%E5%90%8D-red"></a>

Binary file not shown.

View File

@ -181,7 +181,7 @@
</div> </div>
<div class="col times"> <div class="col times">
<!--时间--> <!--时间-->
<div class="time cards"> <div class="time cards" id="upWeather">
<div class="timeshow" id="time"> <div class="timeshow" id="time">
2000&nbsp;&nbsp;0&nbsp;&nbsp;00&nbsp;&nbsp;<span 2000&nbsp;&nbsp;0&nbsp;&nbsp;00&nbsp;&nbsp;<span
class="weekday">星期一</span><br><span class="time-text">00:00:00</span> class="weekday">星期一</span><br><span class="time-text">00:00:00</span>
@ -189,10 +189,9 @@
<div class="weather"> <div class="weather">
<span id="city_text">天气</span>&nbsp; <span id="city_text">天气</span>&nbsp;
<span id="wea_text">加载失败</span>&nbsp; <span id="wea_text">加载失败</span>&nbsp;
<span id="tem_night"></span>°C~ <span id="tem_text">*</span>°C&nbsp;
<span id="tem_day"></span>°C&nbsp;
<span id="win_text"></span> <span id="win_text"></span>
<span id="win_speed"></span> <span id="win_speed">*</span>
</div> </div>
</div> </div>
</div> </div>
@ -370,7 +369,7 @@
<div class="img-title"> <div class="img-title">
<span class="img-title-big" id="logo-title-other">imsyy</span> <span class="img-title-big" id="logo-title-other">imsyy</span>
<span class="img-text" id="logo-title-other-small">.top</span><br /> <span class="img-text" id="logo-title-other-small">.top</span><br />
<span class="img-text">&nbsp;v&nbsp;3.2</span> <span class="img-text">&nbsp;v&nbsp;3.3</span>
<a href="https://github.com/imsyy/home" target="_blank"> <a href="https://github.com/imsyy/home" target="_blank">
<i class="fa-brands fa-github"></i> <i class="fa-brands fa-github"></i>
</a> </a>
@ -438,9 +437,14 @@
<i class="fa-solid fa-circle-plus"></i>&nbsp;音乐播放器支持音量控制 <i class="fa-solid fa-circle-plus"></i>&nbsp;音乐播放器支持音量控制
</span> </span>
<span class="uptext"> <span class="uptext">
<i class="fa-solid fa-screwdriver-wrench"></i>&nbsp;时光胶囊显示错误</span> <i class="fa-solid fa-screwdriver-wrench"></i>&nbsp;修复天气 API
</span>
<span class="uptext"> <span class="uptext">
<i class="fa-solid fa-screwdriver-wrench"></i>&nbsp;移动端动画及细节</span> <i class="fa-solid fa-screwdriver-wrench"></i>&nbsp;时光胶囊显示错误
</span>
<span class="uptext">
<i class="fa-solid fa-screwdriver-wrench"></i>&nbsp;移动端动画及细节
</span>
<span class="uptext"> <span class="uptext">
<i class="fa-solid fa-screwdriver-wrench"></i>&nbsp;图标更换为 Font <i class="fa-solid fa-screwdriver-wrench"></i>&nbsp;图标更换为 Font
Awesome</span> Awesome</span>

View File

@ -146,7 +146,7 @@ $('#hitokoto').click(function () {
.catch(console.error) .catch(console.error)
} else { } else {
iziToast.show({ iziToast.show({
timeout: 2000, timeout: 1000,
icon: "fa-solid fa-circle-exclamation", icon: "fa-solid fa-circle-exclamation",
message: '你点太快了吧' message: '你点太快了吧'
}); });
@ -154,19 +154,60 @@ $('#hitokoto').click(function () {
}); });
//获取天气 //获取天气
//每日限量 100 次 //请前往 https://www.mxnzp.com/doc/list 申请 app_id 和 app_secret
//请前往 https://www.tianqiapi.com/ 申请(免费) //请前往 https://dev.qweather.com/ 申请 key
fetch(localStorage.getItem('weather_api')) const add_id = "wrknltonr0foslhs"; // app_id
const app_secret = "Nlh1c0F6d0ZDU2pDR0J3YVBVbkhudz09"; // app_secret
const key = "433f0c48615a48dfaf2f2b2444297e79" // key
function getWeather() {
fetch("https://www.mxnzp.com/api/ip/self?app_id=" + add_id + "&app_secret=" + app_secret)
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
$('#wea_text').html(data.wea) let str = data.data.city
$('#city_text').html(data.city) let city = str.replace(/市/g, '')
$('#tem_night').html(data.tem_night) $('#city_text').html(city);
$('#tem_day').html(data.tem_day) fetch("https://geoapi.qweather.com/v2/city/lookup?location=" + city + "&number=1&key=" + key)
$('#win_text').html(data.win) .then(response => response.json())
$('#win_speed').html(data.win_speed) .then(location => {
let id = location.location[0].id
fetch("https://devapi.qweather.com/v7/weather/now?location=" + id + "&key=" + key)
.then(response => response.json())
.then(weather => {
$('#wea_text').html(weather.now.text)
$('#tem_text').html(weather.now.temp)
$('#win_text').html(weather.now.windDir)
$('#win_speed').html(weather.now.windScale)
}) })
.catch(console.error) })
})
.catch(console.error);
}
getWeather();
$('#upWeather').click(function () {
if (times == 0) {
times = 1;
var index = setInterval(function () {
times--;
if (times == 0) {
clearInterval(index);
}
}, 60000);
getWeather();
iziToast.show({
timeout: 2000,
icon: "fa-solid fa-cloud-sun",
message: '实时天气已更新'
});
} else {
iziToast.show({
timeout: 1000,
icon: "fa-solid fa-circle-exclamation",
message: '请稍后再更新哦'
});
}
});
//获取时间 //获取时间
var t = null; var t = null;
@ -243,18 +284,41 @@ $("#twitter").mouseover(function () {
$("#link-text").html("通过这里联系我"); $("#link-text").html("通过这里联系我");
}); });
//自动变灰
var myDate = new Date;
var mon = myDate.getMonth() + 1;
var date = myDate.getDate();
var days = ['4.4', '5.12', '7.7', '9.9', '9.18', '12.13'];
for (var day of days) {
var d = day.split('.');
if (mon == d[0] && date == d[1]) {
document.write(
'<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>'
)
$("#change").html("Silence&nbsp;in&nbsp;silence");
$("#change1").html("今天是中国国家纪念日,全站已切换为黑白模式");
window.addEventListener('load', function () {
iziToast.show({
timeout: 14000,
icon: "fa-solid fa-clock",
message: '今天是中国国家纪念日'
});
}, false);
}
}
//更多页面切换 //更多页面切换
var shoemore = false; var shoemore = false;
$('#switchmore').on('click', function () { $('#switchmore').on('click', function () {
shoemore = !shoemore; shoemore = !shoemore;
if (shoemore && $(document).width() >= 990) { if (shoemore && $(document).width() >= 990) {
$('#container').attr('class', 'container mores'); $('#container').attr('class', 'container mores');
$("#change").html(localStorage.getItem('des_tip_change')); $("#change").html("Oops&nbsp;!");
$("#change1").html(localStorage.getItem('des_title_change')); $("#change1").html("哎呀,这都被你发现了( 再点击一次可关闭 ");
} else { } else {
$('#container').attr('class', 'container'); $('#container').attr('class', 'container');
$("#change").html(localStorage.getItem('des_tip')); $("#change").html("Hello&nbsp;World&nbsp;!");
$("#change1").html(localStorage.getItem('des_title')); $("#change1").html("一个建立于 21 世纪的小站,存活于互联网的边缘");
} }
}); });
@ -302,8 +366,8 @@ window.addEventListener('load', function () {
if (window.innerWidth <= 990) { if (window.innerWidth <= 990) {
//移动端隐藏更多页面 //移动端隐藏更多页面
$('#container').attr('class', 'container'); $('#container').attr('class', 'container');
$("#change").html(localStorage.getItem('des_tip')); $("#change").html("Hello&nbsp;World&nbsp;!");
$("#change1").html(localStorage.getItem('des_title')); $("#change1").html("一个建立于 21 世纪的小站,存活于互联网的边缘");
//移动端隐藏弹窗页面 //移动端隐藏弹窗页面
$('#box').css("display", "none"); $('#box').css("display", "none");
@ -341,29 +405,6 @@ document.oncontextmenu = function () {
return false; return false;
} }
//自动变灰
var myDate = new Date;
var mon = myDate.getMonth() + 1;
var date = myDate.getDate();
var days = ['4.4', '5.12', '7.7', '9.9', '9.18', '12.13'];
for (var day of days) {
var d = day.split('.');
if (mon == d[0] && date == d[1]) {
document.write(
'<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>'
)
$("#change").html("Silence&nbsp;in&nbsp;silence");
$("#change1").html("今天是中国国家纪念日,全站已切换为黑白模式");
window.addEventListener('load', function () {
iziToast.show({
timeout: 14000,
icon: "fa-solid fa-candle-holder",
message: '今天是中国国家纪念日'
});
}, false);
}
}
//控制台输出 //控制台输出
console.clear(); console.clear();
var styleTitle1 = ` var styleTitle1 = `
@ -388,8 +429,8 @@ var title2 = `
|_____|_| |_|_____/ |_| |_| |_____|_| |_|_____/ |_| |_|
` `
var content = ` var content = `
3.2 3.3
更新日期2022-06-28 更新日期2022-07-06
主页: https://www.imsyy.top 主页: https://www.imsyy.top
Github: https://github.com/imsyy/home Github: https://github.com/imsyy/home

View File

@ -14,7 +14,7 @@ var type = "playlist"; //song: 单曲; playlist: 歌单; album: 唱片
var id = "7452421335"; //封面 ID / 单曲 ID / 歌单 ID var id = "7452421335"; //封面 ID / 单曲 ID / 歌单 ID
$.ajax({ $.ajax({
url: "https://api.wuenci.com/meting/api/?server=" + server + "&type=" + type + "&id=" + id, //json文件位置文件名 url: "https://api.wuenci.com/meting/api/?server=" + server + "&type=" + type + "&id=" + id,
type: "GET", type: "GET",
dataType: "JSON", dataType: "JSON",
success: function (data) { success: function (data) {

129
js/set.js
View File

@ -5,70 +5,71 @@ GitHubhttps://github.com/imsyy/home
版权所有请勿删除 版权所有请勿删除
*/ */
$(function () { /* 自定义配置 */
var url = "../setting.json" // $(function () {
$.getJSON( // var url = "../setting.json"
url, // $.getJSON(
function (data) { // url,
/* 页头数据 */ // function (data) {
$('title').text(data.title); // /* 页头数据 */
$('#loading-title').html(data.title); // $('title').text(data.title);
$("meta[name='description']").attr('content', data.description); // $('#loading-title').html(data.title);
$("meta[name='keywords']").attr('content', data.keywords); // $("meta[name='description']").attr('content', data.description);
$("meta[name='author']").attr('content', data.author); // $("meta[name='keywords']").attr('content', data.keywords);
/* 基础信息 */ // $("meta[name='author']").attr('content', data.author);
$("#logo-img").attr("src", data.logo_img); // /* 基础信息 */
$('#logo-text-1').html(data.logo_text_1); // $("#logo-img").attr("src", data.logo_img);
$('#logo-text-2').html("." + data.logo_text_2); // $('#logo-text-1').html(data.logo_text_1);
$('#logo-title-other').html(data.logo_text_1); // $('#logo-text-2').html("." + data.logo_text_2);
$('#logo-title-other-small').html("." + data.logo_text_2); // $('#logo-title-other').html(data.logo_text_1);
$('#logo-text-small').html(data.logo_text_1 + "." + data.logo_text_2); // $('#logo-title-other-small').html("." + data.logo_text_2);
$('#change').html(data.des_title[0]); // $('#logo-text-small').html(data.logo_text_1 + "." + data.logo_text_2);
$('#change1').html(data.des_title[1]); // $('#change').html(data.des_title[0]);
localStorage.setItem('des_tip', data.des_title[0]); // $('#change1').html(data.des_title[1]);
localStorage.setItem('des_tip_change', data.des_title_change[0]); // localStorage.setItem('des_tip', data.des_title[0]);
localStorage.setItem('des_title', data.des_title[1]); // localStorage.setItem('des_tip_change', data.des_title_change[0]);
localStorage.setItem('des_title_change', data.des_title_change[1]); // localStorage.setItem('des_title', data.des_title[1]);
/* 社交链接 */ // localStorage.setItem('des_title_change', data.des_title_change[1]);
$('#github').attr('href', "https://github.com/" + data.github); // /* 社交链接 */
$('#qq').attr('href', "https://wpa.qq.com/msgrd?v=3&uin=" + data.qq + "&site=qq&menu=yes"); // $('#github').attr('href', "https://github.com/" + data.github);
$('#email').attr('href', "mailto:" + data.email); // $('#qq').attr('href', "https://wpa.qq.com/msgrd?v=3&uin=" + data.qq + "&site=qq&menu=yes");
$('#telegram').attr('href', "https://t.me/" + data.telegram); // $('#email').attr('href', "mailto:" + data.email);
$('#twitter').attr('href', "https://twitter.com/" + data.twitter); // $('#telegram').attr('href', "https://t.me/" + data.telegram);
/* 天气 API */ // $('#twitter').attr('href', "https://twitter.com/" + data.twitter);
localStorage.setItem('weather_api', data.weather_api); // /* 天气 API */
/* 快捷链接 */ // localStorage.setItem('weather_api', data.weather_api);
$('#link-url-1').attr('href', data.link_1[0]); // /* 快捷链接 */
$('#link-icon-1').attr('class', data.link_1[1]); // $('#link-url-1').attr('href', data.link_1[0]);
$('#link-name-1').html(data.link_1[2]); // $('#link-icon-1').attr('class', data.link_1[1]);
$('#link-url-2').attr('href', data.link_2[0]); // $('#link-name-1').html(data.link_1[2]);
$('#link-icon-2').attr('class', data.link_2[1]); // $('#link-url-2').attr('href', data.link_2[0]);
$('#link-name-2').html(data.link_2[2]); // $('#link-icon-2').attr('class', data.link_2[1]);
$('#link-url-3').attr('href', data.link_3[0]); // $('#link-name-2').html(data.link_2[2]);
$('#link-icon-3').attr('class', data.link_3[1]); // $('#link-url-3').attr('href', data.link_3[0]);
$('#link-name-3').html(data.link_3[2]); // $('#link-icon-3').attr('class', data.link_3[1]);
$('#link-url-4').attr('href', data.link_4[0]); // $('#link-name-3').html(data.link_3[2]);
$('#link-icon-4').attr('class', data.link_4[1]); // $('#link-url-4').attr('href', data.link_4[0]);
$('#link-name-4').html(data.link_4[2]); // $('#link-icon-4').attr('class', data.link_4[1]);
$('#link-url-5').attr('href', data.link_5[0]); // $('#link-name-4').html(data.link_4[2]);
$('#link-icon-5').attr('class', data.link_5[1]); // $('#link-url-5').attr('href', data.link_5[0]);
$('#link-name-5').html(data.link_5[2]); // $('#link-icon-5').attr('class', data.link_5[1]);
$('#link-url-6').attr('href', data.link_6[0]); // $('#link-name-5').html(data.link_5[2]);
$('#link-icon-6').attr('class', data.link_6[1]); // $('#link-url-6').attr('href', data.link_6[0]);
$('#link-name-6').html(data.link_6[2]); // $('#link-icon-6').attr('class', data.link_6[1]);
//壁纸 API // $('#link-name-6').html(data.link_6[2]);
$('#wallpaper_text1').html(data.wallpaper_api[0][0]); // //壁纸 API
localStorage.setItem('wallpaper_api_1', data.wallpaper_api[0][1]); // $('#wallpaper_text1').html(data.wallpaper_api[0][0]);
$('#wallpaper_text2').html(data.wallpaper_api[1][0]); // localStorage.setItem('wallpaper_api_1', data.wallpaper_api[0][1]);
localStorage.setItem('wallpaper_api_2', data.wallpaper_api[1][1]); // $('#wallpaper_text2').html(data.wallpaper_api[1][0]);
$('#wallpaper_text3').html(data.wallpaper_api[2][0]); // localStorage.setItem('wallpaper_api_2', data.wallpaper_api[1][1]);
localStorage.setItem('wallpaper_api_3', data.wallpaper_api[2][1]); // $('#wallpaper_text3').html(data.wallpaper_api[2][0]);
//页脚版权 // localStorage.setItem('wallpaper_api_3', data.wallpaper_api[2][1]);
$('#power-year').html(data.Copyright_year); // //页脚版权
$('#power-text').html(data.Copyright_text); // $('#power-year').html(data.Copyright_year);
} // $('#power-text').html(data.Copyright_text);
) // }
}); // )
// });
// 背景图片 Cookies // 背景图片 Cookies
function setBgImg(bg_img) { function setBgImg(bg_img) {