MENU

这一切都要从一只蝙蝠说起

2020-02-17 • 闲聊

本来这个寒假我可以开开心心地每天在十足便利店上着中班和夜班刷着Twitter带薪划水,但突然就爆发了COVID-19。但我还坚持上班,直到我爸爸知道了咱们温州排名NO.2后爸爸叫我辞职于是我就答应了爸爸就辞职了。但是在家那么闲,咱们学校钉钉的网课25号才正式开始,我做点什么好呢,于是我就新建了一个文件夹又里面新建了一个文本文档,重命名成立index.html右键Edit with Notepad++。在我盯着手机上的Youtube想了半天(看了半天视频)以后我启动了OSU!。
玩了半天OSU!感觉还是好无聊于是先刷了一会Twitter,看着腿子、卖萌、腿子、病毒、东方、东方、腿子...瞄了一眼屏幕上开着的Notepad++我先写了一行<!DOCTYPE html>然后陷入了沉思HTML怎么写的来着...上一次写网页还是中专毕业考前一个学期转眼间两年没写了呢!于是我起身走到了杂物室翻出了《Head First HTML and CSS(第二版)》,为什么我要去把这本书翻出来,是因为有的是时间的生活就是那么简单枯燥且乏味。我慢慢的看着书回忆起来了亿点点,于是就合上了连第二章都没看完的书于是我就开始非常“熟练”的敲起了键盘。

<html>
    <head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title></title>
    </head>
    <body>
    </body>
</html>

看着空空的等等我应该写什么好呢。打开了Telegram准备找朋友探讨探讨,经过半小时多的探讨他突然想起当初升学考完以后我说要和他一起把API的页面换一下。突然我想起了这一茬哦↑呜↓原来我还有一个咕咕咕了那么久的坑啊!于是我就开始瞎写了一个HTML然后CSS随缘排版,想着要不上点JavaScript时突然发现我好像这个忘的很彻底唉...于是就砍了,对我就这样把它砍了所以没写JS上面也就几行的JS是朋友帮我加上的。<br>然后这个本应该是三天就能解决的事情,然而我慢慢来硬生生从1月31日拖到了今天2月17日,真就是什么设计都没做想到什么写什么,最后美化亿下终于我做完了可以拿出来丢人了。这几天过的真充实!<del>接下来就是慢慢地加BUG了!</del>接下来就是慢慢的修BUG了!</p><p><a href="https://download.uuz.bid/%E6%A8%A1%E6%9D%BF/JiAwww.zip" target="_blank" class="btn btn-primary">下载 (JiAwww.zip)</a> <a href="https://api.uuz.bid" target="_blank" class="btn btn-primary">演示页面(雾)</a></p> <p class="content-copyright"><hr style="margin-bottom: 2px;"> <!-- ADsens --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7756050470165945" crossorigin="anonymous"></script> <!-- ADsens END --> <!-- 广告 --> <ins class="adsbygoogle" style="display:inline-block;width:100%;height:60px" data-ad-client="ca-pub-7756050470165945" data-ad-slot="9656689242"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- 广告 END --> <p class="content-copyright">Use "CC BY-NC-SA 3.0 CN" for licensing</p> </div> <div class="tags"> <div itemprop="keywords" class="keywords 6F7bX5P aut"></div> </div> </article> </div> </div> </div> <div id="body-bottom"> <div class="container"> <div class="post-near"> <nav> <span class="prev"><a href="https://lovemen.cc/moe1841.html" title="我又双叒换域名了"><span class="post-near-span"><span class="prev-t no-user-select color-main">Next article: </span><br><span>我又双叒换域名了</span></span></a></span> <span class="next"><a href="https://lovemen.cc/moe1783.html" title="2019年一咸鱼简单总结"><span class="post-near-span"><span class="prev-t no-user-select color-main">Last article: </span><br><span>2019年一咸鱼简单总结</span></span></a></span> </nav> </div> <div id="comments"> <div id="respond-post-1790" class="respond"> <div class="cancel-comment-reply"> <a id="cancel-comment-reply-link" href="https://lovemen.cc/moe1790.html#respond-post-1790" rel="nofollow" style="display:none" onclick="return TypechoComment.cancelReply();">取消回复</a> </div> <span id="response" class="widget-title text-left"><i class="fa fa-comments"></i> 添加评论</span> <form method="post" action="https://lovemen.cc/moe1790.html/comment" id="comment-form"> <p> <textarea rows="5" name="text" id="textarea" placeholder="你想要说点什么呢..." style="resize:none;" required></textarea> </p> <input class="comment-input" type="text" name="author" id="author" placeholder="称呼 *" value="" required /> <input class="comment-input" type="email" name="mail" id="mail" placeholder="邮箱 *" value="" required /> <input class="comment-input" type="url" name="url" id="url" placeholder="网站" value="" /> <p style="margin-top: 10px"> <span class="OwO"></span> </p> <p><input type="submit" value="提交评论" data-now="刚刚" data-init="提交评论" data-posting="少女祈祷中..." data-posted="提交成功!" data-empty-comment="必须填写评论内容" class="button" id="submit"></p> </form> </div> <div class="comment-separator"> <div class="comment-tab-current"> <span class="comment-num">已有 5 条评论</span> </div> </div> <ol class="comment-list"> <li itemscope itemtype="http://schema.org/UserComments" id="comment-8483" class="comment-body comment-parent comment-odd"> <div class="comment-author" itemprop="creator" itemscope itemtype="http://schema.org/Person"> <span itemprop="image"> <img class="avatar" src="https://lovemen.cc/usr/themes/Mirages/images/spinner.svg" data-src="https://gravatar.loli.net/avatar/c7272ed61a1455c9981c166c0ee4ae01?s=100&r=G&d=https://lovemen.cc/usr/link/null.jpg" alt="咕咕乔" width="100" height="100" /> </span> <cite class="fn color-main" itemprop="name">咕咕乔</cite> </div> <div class="comment-reply"> <a href="https://lovemen.cc/moe1790.html/comment-page-1?replyTo=8483#respond-post-1790" rel="nofollow" onclick="return TypechoComment.reply('comment-8483', 8483);">回复</a> </div> <div class="comment-meta"> <a href="https://lovemen.cc/moe1790.html/comment-page-1#comment-8483"> <time itemprop="commentTime" datetime="2022-05-05T12:56:41+08:00">4 个月前</time> </a> </div> <div class="comment-content" itemprop="commentText"> <p>还是太闲了,CSS我也就能写个单页@(泪)<br> PS:哪里都有季悠然,所以:<br> 四季悠然!@(滑稽)</p> </div> <div class="comment-children" itemprop="discusses"> <ol class="comment-list"> <li itemscope itemtype="http://schema.org/UserComments" id="comment-8484" class="comment-body comment-child comment-level-odd comment-odd comment-by-author"> <div class="comment-author" itemprop="creator" itemscope itemtype="http://schema.org/Person"> <span itemprop="image"> <img class="avatar" src="https://lovemen.cc/usr/themes/Mirages/images/spinner.svg" data-src="https://gravatar.loli.net/avatar/c13134bc2b8e52b33e4189db8da2f6c0?s=100&r=G&d=https://lovemen.cc/usr/link/null.jpg" alt="橘纸柚" width="100" height="100" /> </span> <cite class="fn color-main" itemprop="name">橘纸柚</cite> </div> <div class="comment-reply"> <a href="https://lovemen.cc/moe1790.html/comment-page-1?replyTo=8484#respond-post-1790" rel="nofollow" onclick="return TypechoComment.reply('comment-8484', 8484);">回复</a> </div> <div class="comment-meta"> <a href="https://lovemen.cc/moe1790.html/comment-page-1#comment-8484"> <time itemprop="commentTime" datetime="2022-05-06T21:07:43+08:00">4 个月前</time> </a> </div> <div class="comment-content" itemprop="commentText"> <p><span class="comment-reply-author">@咕咕乔</span>那几天在家里不是躺在床上睡觉就是起来看番吃饭确实快要无聊死了</p> </div> </li> </ol> </div> </li> <li itemscope itemtype="http://schema.org/UserComments" id="comment-8241" class="comment-body comment-parent comment-even"> <div class="comment-author" itemprop="creator" itemscope itemtype="http://schema.org/Person"> <span itemprop="image"> <img class="avatar" src="https://lovemen.cc/usr/themes/Mirages/images/spinner.svg" data-src="https://gravatar.loli.net/avatar/87e0f8d2f0f70987061cec6376cb7f97?s=100&r=G&d=https://lovemen.cc/usr/link/null.jpg" alt="季悠然" width="100" height="100" /> </span> <cite class="fn color-main" itemprop="name">季悠然</cite> </div> <div class="comment-reply"> <a href="https://lovemen.cc/moe1790.html/comment-page-1?replyTo=8241#respond-post-1790" rel="nofollow" onclick="return TypechoComment.reply('comment-8241', 8241);">回复</a> </div> <div class="comment-meta"> <a href="https://lovemen.cc/moe1790.html/comment-page-1#comment-8241"> <time itemprop="commentTime" datetime="2020-03-07T14:44:50+08:00">2020-03-07</time> </a> </div> <div class="comment-content" itemprop="commentText"> <p>> HTML 怎么写的来着</p><p>太真实了23333</p> </div> <div class="comment-children" itemprop="discusses"> <ol class="comment-list"> <li itemscope itemtype="http://schema.org/UserComments" id="comment-8242" class="comment-body comment-child comment-level-odd comment-odd"> <div class="comment-author" itemprop="creator" itemscope itemtype="http://schema.org/Person"> <span itemprop="image"> <img class="avatar" src="https://lovemen.cc/usr/themes/Mirages/images/spinner.svg" data-src="https://gravatar.loli.net/avatar/87e0f8d2f0f70987061cec6376cb7f97?s=100&r=G&d=https://lovemen.cc/usr/link/null.jpg" alt="季悠然" width="100" height="100" /> </span> <cite class="fn color-main" itemprop="name">季悠然</cite> </div> <div class="comment-reply"> <a href="https://lovemen.cc/moe1790.html/comment-page-1?replyTo=8242#respond-post-1790" rel="nofollow" onclick="return TypechoComment.reply('comment-8242', 8242);">回复</a> </div> <div class="comment-meta"> <a href="https://lovemen.cc/moe1790.html/comment-page-1#comment-8242"> <time itemprop="commentTime" datetime="2020-03-07T14:46:42+08:00">2020-03-07</time> </a> </div> <div class="comment-content" itemprop="commentText"> <p><span class="comment-reply-author">@季悠然</span>不支持MD我枯了@(阴险)</p> </div> </li> <li itemscope itemtype="http://schema.org/UserComments" id="comment-8244" class="comment-body comment-child comment-level-odd comment-even comment-by-author"> <div class="comment-author" itemprop="creator" itemscope itemtype="http://schema.org/Person"> <span itemprop="image"> <img class="avatar" src="https://lovemen.cc/usr/themes/Mirages/images/spinner.svg" data-src="https://gravatar.loli.net/avatar/e8fd1786a945ff18d8cf08da42eb38da?s=100&r=G&d=https://lovemen.cc/usr/link/null.jpg" alt="橘纸柚" width="100" height="100" /> </span> <cite class="fn color-main" itemprop="name">橘纸柚</cite> </div> <div class="comment-reply"> <a href="https://lovemen.cc/moe1790.html/comment-page-1?replyTo=8244#respond-post-1790" rel="nofollow" onclick="return TypechoComment.reply('comment-8244', 8244);">回复</a> </div> <div class="comment-meta"> <a href="https://lovemen.cc/moe1790.html/comment-page-1#comment-8244"> <time itemprop="commentTime" datetime="2020-03-07T15:13:02+08:00">2020-03-07</time> </a> </div> <div class="comment-content" itemprop="commentText"> <p><span class="comment-reply-author">@季悠然</span>平时评论里也没什么用所以删除了@(滑稽)</p> </div> </li> </ol> </div> </li> </ol> </div> </div> </div> </div><!-- end #body --> </div><!-- end #wrap --> <footer id="footer" role="contentinfo"> <div class="container" data-index="657"> <p>Copyright © 2022 <a href="https://lovemen.cc/" alt="橘纸柚的博客" title="橘纸柚的博客">橘纸柚</a> • Powered by <a href="http://typecho.org" target="_blank">Typecho</a> • Theme <a href="https://get233.com/archives/mirages-intro.html" target="_blank">Mirages</a></p> </div> </footer> <div id="loader-wrapper"> <div class="sk-circle"> <div class="sk-circle1 sk-child"></div> <div class="sk-circle2 sk-child"></div> <div class="sk-circle3 sk-child"></div> <div class="sk-circle4 sk-child"></div> <div class="sk-circle5 sk-child"></div> <div class="sk-circle6 sk-child"></div> <div class="sk-circle7 sk-child"></div> <div class="sk-circle8 sk-child"></div> <div class="sk-circle9 sk-child"></div> <div class="sk-circle10 sk-child"></div> <div class="sk-circle11 sk-child"></div> <div class="sk-circle12 sk-child"></div> </div> </div> <script src="https://cdnjs.loli.net/ajax/libs/jquery/2.2.4/jquery.min.js" type="text/javascript"></script> <script src="https://lovemen.cc/usr/themes/Mirages/js/7.10.5dev2/mirages.main.min.js" type="text/javascript"></script> <script type="text/javascript">Mirages.highlightCodeBlock();</script> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', () => { pangu.spacingElementByClassName('post-content'); pangu.spacingElementByClassName('comment-content'); pangu.spacingElementById('toc-content'); }); </script> <script type="text/javascript">pangu.spacingElementByClassName('post-content');</script> <script type="text/javascript">Waves.init();</script> <script src="https://cdnjs.loli.net/ajax/libs/mermaid/8.0.0/mermaid.min.js"></script> <script type="text/javascript"> $(document).ready(function() { Mirages.renderMermaid(); }); </script> <script type="text/javascript"> (function ($) { if (typeof registCommentEvent === 'function') { registCommentEvent(); } Mirages.setupPage(); $('body').pjax('a[href^="https://lovemen.cc"]:not(a[target="_blank"], a[no-pjax])', { container: '#body', fragment: '#body', timeout: 8000 } ).on('pjax:click', function() { window.asyncBannerLoadNum = 0; window.asyncBannerLoadCompleteNum = 0; Mirages.doPJAXClickAction(); }).on('pjax:send', function() { Mirages.doPJAXSendAction(); }).on('pjax:complete', function() { if (typeof registCommentEvent === 'function') { registCommentEvent(); } Mirages.doPJAXCompleteAction(); }); })(jQuery); function ExSearchCall(item){ if (item && item.length) { // 关闭搜索框 $('.ins-close').click(); $.pjax({ url: item.attr('data-url'), container: '#body', fragment: '#body', timeout: 8000 }); } } </script> <script>Mirages.loadWebFont(["Open Sans:300,400,700:latin,latin-ext", "Lora:400,700"]);</script> <!-- CNZZ <script> $(function () { var cnzz = document.createElement("script"); cnzz.src = "https://s4.cnzz.com/z_stat.php?id=1258393216&web_id=1258393216"; document.getElementsByTagName('body')[0].appendChild(cnzz); }); </script> CNZZ END --> <!-- Google Adsense --> <!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7756050470165945" crossorigin="anonymous"></script> --> <!-- <script type="text/javascript"> function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7756050470165945"; document.body.appendChild(element); } if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script> --> <!-- 自动广告 --> <!-- <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-7756050470165945", enable_page_level_ads: true }); </script> --> <!-- 自动广告 END --> </body> </html> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194" integrity="sha512-Gi7xpJR8tSkrpF7aordPZQlW2DLtzUlZcumS8dMQjwDHEnw9I7ZLyiOj/6tZStRBGtGgN6ceN6cMH8z7etPGlw==" data-cf-beacon='{"rayId":"753a3d486acd82aa","version":"2022.8.1","r":1,"token":"0929db7d11d642729816213755303e93","si":100}' crossorigin="anonymous"></script>