xkk1
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!--描述-->
  <meta name="description" content="小喾苦的网站" />
  <!--关键词-->
  <meta name="keywords" content="小喾苦, 个人网站, 小喾苦的网站" />
  <title>小喾苦的网站</title>
</head>
<body>
    <div id="main">
        <h1 class="xkk_h1">小喾苦的网站</h1>
        <p class="xkk_p center">
            <a href="https://github.com/xkk1/xkk1.github.io" target="_blank">GitHub</a>
            <a href="https://xkk1.github.io/" target="_blank">Pages</a>
            |
            <a href="https://gitee.com/xkk1/xkk1" target="_blank">Gitee</a>
            <a href="https://xkk1.gitee.io/" target="_blank">Pages</a>
            <br><br>
            <a href="./program/">程序</a> | <a href="./search.html" target="_blank">搜索聚合</a> | <a href="./message.html">留言板</a> | <a href="./other/">其他</a>
            <br><br>
            <a href="./other/markdown/marked.html?title=%E7%BD%91%E7%AB%99%E6%94%B6%E8%97%8F&md=../website-collection.md#begin" target="_blank">网站收藏</a> |
            <a href="./other/markdown/marked.html?title=%E8%BD%AF%E4%BB%B6%E6%94%B6%E8%97%8F&md=../software-collection.md#begin" target="_blank">软件收藏</a> |
            <a href="https://github.com/xkk1/xkk1data/blob/main/book/list.md#begin" target="_blank">书籍收藏</a>
            <br><br>
            <!--<a href="http://xiaokuku.ys168.com/" target="_blank">网盘</a> <a href="http://ys168.com/" target="_blank">（永硕E盘）</a> |-->
            <a href="http://xiaokuku.ysepan.com/" target="_blank">小喾苦网盘</a> | <a href="http://xkk.pythonanywhere.com/chat_room.html" target="_blank">聊天室</a> |
            <!--<a href="./2021/08/07/Lucid-Dream.html" target="_blank">清明梦、清醒梦</a>-->
            <a href="./2021/08/25/blog.html">博客</a> | <a href="./about.html">关于</a>
        </p>
<!-- （一言）请注意，以下的示例包含超链接，您可能需要手动配置样式使其不变色。如果您嫌麻烦，可以移除。 -->
<div id="hitokoto">
    <a href="#" id="hitokoto_link" target=_blank>
        <p id="hitokoto_text" style="text-align:center;"></p>
        <p id="hitokoto_information" style="text-align:right;"></p>
    </a>
    <a href="javascript:;" onclick="set_hitokoto()">换一换</a>
</div>
<br />
 <p style="text-align:center;">
 <span id="busuanzi_container_page_pv">本文总阅读量<span id="busuanzi_value_page_pv">?</span>次</span>、
<span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv">?</span>次</span>、
<span id="busuanzi_container_site_uv">本站总访客数<span id="busuanzi_value_site_uv">?</span>人</span>
<br \>
本站已在风雨中度过：<span id="sitetime">?年?天?小时?分钟?秒（正在加载...）</span>
</p>

</div>

<style type="text/css">
body {
    background-color:#eafed0;
}
div#main {
    max-width: 64rem;
    margin: 0 auto;
}
.xkk_h1 {
    color:orange;
    text-align:center;
    font-size:40px;
}
.xkk_p {
    color:black;
    text-align:center;
    font-size:20px;
}
p.center {text-align:center;}
#hitokoto {
    display:none;
    font-size:20px;
}
#hitokoto_link {
    text-decoration:none;
    color:black;
}
</style>
<script>
/*一言*/
var set_hitokoto = function(){
  //(一言)老式写法，兼容性最好; 支持 IE
  var xhr = new XMLHttpRequest();
  xhr.open('get', 'https://v1.hitokoto.cn');
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
      var data = JSON.parse(xhr.responseText);
      var hitokoto_link = document.getElementById('hitokoto_link');
      hitokoto_link.href = 'https://hitokoto.cn/?uuid=' + data.uuid
      var hitokoto_text = document.getElementById('hitokoto_text');
      hitokoto_text.innerText = data.hitokoto;
      var hitokoto_information = document.getElementById("hitokoto_information");
      if (data.from_who == null){data.from_who=''}
      hitokoto_information.innerText = '—— ' + data.from_who + '「' + data.from + '」';
      var hitokoto = document.getElementById("hitokoto");
      hitokoto.style.display="inline";
    }
  }
  xhr.send();
  return null;
}
set_hitokoto();

function siteTime(){
    window.setTimeout("siteTime()", 1000);
    var seconds = 1000;
    var minutes = seconds * 60;
    var hours = minutes * 60;
    var days = hours * 24;
    var years = days * 365;
    var today = new Date();
    var todayYear = today.getFullYear();
    var todayMonth = today.getMonth()+1;
    var todayDate = today.getDate();
    var todayHour = today.getHours();
    var todayMinute = today.getMinutes();
    var todaySecond = today.getSeconds();
    /* Date.UTC() -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)
    year - 作为date对象的年份，为4位年份值
    month - 0-11之间的整数，做为date对象的月份
    day - 1-31之间的整数，做为date对象的天数
    hours - 0(午夜24点)-23之间的整数，做为date对象的小时数
    minutes - 0-59之间的整数，做为date对象的分钟数
    seconds - 0-59之间的整数，做为date对象的秒数
    microseconds - 0-999之间的整数，做为date对象的毫秒数 */
    var t1 = Date.UTC(2020,9,15,22,7,16); //2020-09-15 22:07:16创建网站的时间
    var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond);
    var diff = t2-t1;
    var diffYears = Math.floor(diff/years);
    var diffDays = Math.floor((diff/days)-diffYears*365);
    var diffHours = Math.floor((diff-(diffYears*365+diffDays)*days)/hours);
    var diffMinutes = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours)/minutes);
    var diffSeconds = Math.floor((diff-(diffYears*365+diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds);
    document.getElementById("sitetime").innerHTML=+diffYears+"年"+diffDays+"天"+diffHours+"小时"+diffMinutes+"分钟"+diffSeconds+"秒";
}
siteTime();

//随机标题
var OriginTitle = document.title;
var Titles = [
"人生皆苦",
"珍惜你现在所拥有的东西",
"己所不欲勿施于人",
"人生如路，必须得从最荒凉的旅途中才能走出最繁华的风景",
"人生如过隙，弹指一挥间",
"人外有人，天外有天",
"活到老，学到老",
"时间就是生命",
"人生，只要还有一线希望，就还有无限的可能",
"我们无法选择岁月，却有权选择过怎样的生活"
];
var ChooseTitle =  Titles[Math.floor(Math.random() * Titles.length)];
document.title = OriginTitle + '-' + ChooseTitle;
</script>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
</body>
</html>