caojiezi2003/Homepage-imsyy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update some

Browse Source
This commit is contained in:
底层用户 2022-01-16 10:28:16 +08:00
parent f6d50e2093
commit 34b48250bf
4 changed files with 46 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
README.md
View File

@ -1,15 +1,17 @@
<p>
<strong><h2>無名の主页 </h2></strong>
一个小主页，原来的看够了，重新弄一个
简单的小主页，原来的看够了，重新弄一个
</p>
>主页的名称字体已经过压缩，若用名称以外的字母会变回默认字体，这里是 [完整字体](https://cdn.jsdelivr.net/gh/imsyy/file/font/Pacifico-Regular.ttf)
### 功能
- [x] 站点简介
- [x] 一言展示
- [x] 年月日及时间展示
- [x] Hitokoto 一言
- [x] 日期及时间
- [x] 天气信息
- [x] 时间胶囊 *时光进度条*
- [x] 时光进度条
* [ ] 音乐插件
* [ ] 没想好
@ -18,7 +20,7 @@
* [Bootstrap](https://getbootstrap.com/)
* [iziToast](https://izitoast.marcelodolza.com/)
* [iconfont](https://www.iconfont.cn/)
* [Iconfont](https://www.iconfont.cn/)
* [Font Awesome](https://fontawesome.com/)
* [jQuery](https://jquery.com/)
@ -28,4 +30,4 @@
* [天气 API](https://www.tianqiapi.com/)
* [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://www.upyun.com/?utm_source=lianmeng&utm_medium=referral"><img src="https://img.shields.io/badge/CDN-%E5%8F%88%E6%8B%8D%E4%BA%91-blue"></a>&nbsp;<a title="Copyright" target="_blank" href="https://imsyy.top/"><img src="https://img.shields.io/badge/Copyright%20%C2%A9%202020--2021-%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>

5
css/style.css
View File

@ -161,10 +161,11 @@ i.iconfont.icon-yinhao-copy {
margin: 0px 10px;
}
/*
.social .link i:hover {
color: #707070;
font-size: 2.5rem;
}
*/
#link-text {
display: none;
flex: 1;

27
index.html
View File

@ -25,25 +25,13 @@
<link rel="stylesheet" type="text/css" href="./css/lantern.css">
<link rel="icon" href="./favicon.ico">
<link rel="apple-touch-icon" href="./img/apple-touch-icon.png">
<!-- 引入 Izitoast -->
<!-- Izitoast -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js">
</script>
<!--引入 Vue
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>-->
<!-- 引入 jQuery -->
<!-- jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 百度统计 -->
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?14e9f35ff8bc67fd4bcb5f07a6e6655a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- IE 淘汰计划 -->
<!-- IE Out -->
<script>
if ( /*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href =
"/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);
@ -324,7 +312,8 @@
<span class="uptext"><i class="iconfont icon-plus"></i>&nbsp;新增动态跟随鼠标样式</span>
<span class="uptext"><i class="iconfont icon-wrench-fill"></i>&nbsp;时光胶囊显示错误</span>
<span class="uptext"><i class="iconfont icon-wrench-fill"></i>&nbsp;移动端动画及细节</span>
<span class="uptext"><i class="iconfont icon-wrench-fill"></i>&nbsp;图标由 Fontawesome 改为 Iconfont</span>
<span class="uptext"><i class="iconfont icon-wrench-fill"></i>&nbsp;图标由 Fontawesome 改为
Iconfont</span>
<span class="uptext"><i class="iconfont icon-undo"></i>&nbsp;<a href="./old/"
style="color:#efefef">返回旧版站点</a></span>
</div>
@ -332,11 +321,15 @@
</div>
</div>
</main>
<!-- 版权信息 -->
<footer id="footer" class="fixed-bottom footer">
<div class="power">Copyright&nbsp;&copy;&nbsp;2020
<script>
document.write(' - ' + (new Date()).getFullYear())
</script>&nbsp;無名
</script>&nbsp;<a href="https://imsyy.top">無名</a>&nbsp;&amp;&nbsp;
<!-- 以下信息请不要修改哦 -->
Made&nbsp;by&nbsp;<a
href="https://github.com/imsyy/home" target="_blank">imsyy</a>
</div>
</footer>
</section>

28
js/main.js
View File

@ -13,14 +13,16 @@ iziToast.settings({
iconColor: '#efefef',
});
//百度统计
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?14e9f35ff8bc67fd4bcb5f07a6e6655a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
//控制台输出
/*
let date = '2021-09-27 21:32'
let a = 'background: #606060; color: #fff; border-radius: 3px 0 0 3px;'
let b = 'background: #1475B2; color: #fff; border-radius: 0 3px 3px 0;'
console.log(`%c Update Time %c ${date} `, a, b)
*/
/* 样式代码 */
var styleTitle1 = `
font-size: 20px;
font-weight: 600;
@ -35,8 +37,6 @@ font-weight: 400;
var styleContent = `
color: rgb(30,152,255);
`
/* 内容代码 */
var title1 = '無名の主页'
var title2 = 'imsyy.top'
var content = `
@ -319,10 +319,10 @@ document.oncontextmenu = function () {
//自动变灰
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 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(
@ -337,4 +337,4 @@ var myDate = new Date;
message: '历史不会忘记，人民永远铭记！'
});
}
}
}