---
title: "高考倒计时：这可能是最后的一篇技术博文 - 一纸忘忧"
description: "伴随着假期最后一次闹钟的响起，意味着本次历时 19 天的暑假到此结束了，迎面而来的是高三的挑战。"
canonical_url: "https://www.ikxin.com/article/gaokao-last-tech-post"
last_updated: "2026-09-16T09:59:27.259Z"
locale: zh-cn
meta:
  "og:description": "伴随着假期最后一次闹钟的响起，意味着本次历时 19 天的暑假到此结束了，迎面而来的是高三的挑战。"
  "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~6auY6ICD5YCS6K6h5pe277ya6L-Z5Y-v6IO95piv5pyA5ZCO55qE5LiA56-H5oqA5pyv5Y2a5paHIC0g5LiA57q45b-Y5b-n%2Cc_Article%2Ctitle_~6auY6ICD5YCS6K6h5pe277ya6L-Z5Y-v6IO95piv5pyA5ZCO55qE5LiA56-H5oqA5pyv5Y2a5paH%2Cdescription_~5Ly06ZqP552A5YGH5pyf5pyA5ZCO5LiA5qyh6Ze56ZKf55qE5ZON6LW377yM5oSP5ZGz552A5pys5qyh5Y6G5pe2IDE5IOWkqeeahOaakeWBh-WIsOatpOe7k-adn-S6hu-8jOi~jumdouiAjOadpeeahOaYr-mrmOS4ieeahOaMkeaImOOAgg%2CsiteName_~5LiA57q45b-Y5b-n%2CsiteHost_www.ikxin.com%2Cp_Ii9hcnRpY2xlL2dhb2thby1sYXN0LXRlY2gtcG9zdCI%2Cs_mQnqbr6_VbUr-HaK.png"
  "og:image:alt": "高考倒计时：这可能是最后的一篇技术博文 - 一纸忘忧"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": 高考倒计时：这可能是最后的一篇技术博文
  "twitter:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~6auY6ICD5YCS6K6h5pe277ya6L-Z5Y-v6IO95piv5pyA5ZCO55qE5LiA56-H5oqA5pyv5Y2a5paHIC0g5LiA57q45b-Y5b-n%2Cc_Article%2Ctitle_~6auY6ICD5YCS6K6h5pe277ya6L-Z5Y-v6IO95piv5pyA5ZCO55qE5LiA56-H5oqA5pyv5Y2a5paH%2Cdescription_~5Ly06ZqP552A5YGH5pyf5pyA5ZCO5LiA5qyh6Ze56ZKf55qE5ZON6LW377yM5oSP5ZGz552A5pys5qyh5Y6G5pe2IDE5IOWkqeeahOaakeWBh-WIsOatpOe7k-adn-S6hu-8jOi~jumdouiAjOadpeeahOaYr-mrmOS4ieeahOaMkeaImOOAgg%2CsiteName_~5LiA57q45b-Y5b-n%2CsiteHost_www.ikxin.com%2Cp_Ii9hcnRpY2xlL2dhb2thby1sYXN0LXRlY2gtcG9zdCI%2Cs_mQnqbr6_VbUr-HaK.png"
  "twitter:image:alt": "高考倒计时：这可能是最后的一篇技术博文 - 一纸忘忧"
---

> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)

# **高考倒计时：这可能是最后的一篇技术博文**

2018.07.31 4,751  0

伴随着假期最后一次闹钟的响起，意味着本次历时 19 天的暑假到此结束了，迎面而来的是高三的挑战。

今天一早我就去了学校看分班情况，6 班，还是普通班，所幸教室位置不错，对这次分班还是较为满意的。没有很多老同学和我同班，意味着我能认识更多的新朋友，这也是挺好的。接下来就是努力备战的一年了。

话题跑偏了，这是一篇技术博文，主要是想在博客弄个倒计时的组件，于是就有了以下代码：

 HTML

```
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>高考倒计时</title>
    <script language="javascript" type="text/javascript">
        var interval = 1000;
        function ShowCountDown(year, month, day, divname) {
            var now = new Date();
            var endDate = new Date(year, month - 1, day);
            var leftTime = endDate.getTime() - now.getTime(); // 剩余毫秒
            var leftsecond = parseInt(leftTime / 1000);
            var day1 = Math.floor(leftsecond / (60 * 60 * 24)); // 剩余天
            var hour = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600); // 剩余时
            var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour * 3600) / 60); // 剩余分
            var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60); // 剩余秒
            var cc = document.getElementById(divname);
            cc.innerHTML = "距离高考" + year + "年" + month + "月" + day + "日还有：" + day1 + "天" + hour + "小时" + minute + "分" + second + "秒"; // 显示
        }
        window.setInterval(function() {
            ShowCountDown(2019, 6, 7, 'gaokao1');
        }, interval);
    </script>
</head>
<body>
    <div id="gaokao1"></div>
</body>
</html>
```

其中 `ShowCountDown(2019, 6, 7, 'gaokao1');` 就是要计时的终点（也就是这届高三学子打响第一枪的开始）。

至于怎么集成到本博客所用的 Handsome 主题呢？

打开 `/usr/themes/handsome/component/sidebar.php` 文件。

注释掉第 98 行（不同版本可能行数不一样）：

 PHP

```
<h3 class="widget-title m-t-none text-md"><?php _me("广告") ?></h3>
```

反正就是找到以上这一行注释掉。

然后就是在 `设置外观` 里面的 `全局右侧边栏广告位` 输入以下 HTML：

 HTML

```
<div class="panel b-a">
    <h4 class="font-thin padder">
        高考倒计时
    </h4>
    <ul class="list-group">
        <li class="list-group-item">
            <script language="javascript" type="text/javascript">
                function ShowCountDown(year, month, day, divname) {
                    var now = new Date();
                    var endDate = new Date(year, month - 1, day);
                    var leftTime = endDate.getTime() - now.getTime(); // 剩余毫秒
                    var leftsecond = parseInt(leftTime / 1000);
                    var day1 = Math.floor(leftsecond / (60 * 60 * 24)); // 剩余天
                    var hour = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600); // 剩余时
                    var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour * 3600) / 60); // 剩余分
                    var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60); // 剩余秒
                    var cc = document.getElementById(divname);
                    cc.innerHTML = "距离高考" + year + "年" + month + "月" + day + "日还有：" + day1 + "天" + hour + "小时" + minute + "分" + second + "秒"; // 显示
                }
                window.setInterval(function() {
                    ShowCountDown(2019, 6, 7, 'gaokao1');
                }, interval);
            </script>
            <div id="gaokao1"></div>
        </li>
    </ul>
</div>
```

大功告成，具体效果看本博客右侧边栏即可。

## 题外话

这是 2019.06.09 之前的最后一篇技术博文。从一个小时后开始，我的笔记本电脑就要锁进柜子了。在未来的 310 天里，我将努力克制自己不去接触学习之外的东西，可能会偶尔写一下心情，但也会很少了。网络这东西，暂时不去想了...

等我回来吧，当右边的倒计时变成 `-2天` 的时候，说明我已经结束了长达三百多天的特训。不管到时候考得好不好，总是要付出了努力，才不会去后悔莫及。不管未来何去何从，也要对得起自己踏出的每一步，即使可能会留下些许遗憾，但那不也是自己的经历吗？

就在几天前，将所有的网站都搬家到 DigitalOcean 了，充值 10 刀加上 GitHub 送的 50 刀，使用月付 5 刀的服务器刚好能用一年，能撑到高考结束之后了。服务器设置了每月一次的自动快照备份，另外也在宝塔的计划任务设置了三天一次的全站备份到阿里云 OSS，保留 120 份，算下来也刚好是一年。如果网站没有什么故障的话，应该是能安稳地运行到我考完试，所以，我可以放手了。

很喜欢电视剧《归去来》里面的一句话：

> 归去来兮，田园将芜，胡不归

然后我也学着它给自己写了一句：

> 前路远兮，往后余生，何不追

在未来的三百多天里，可能我会失联了，就这样吧，我该去学校了，再见。

## **评论**

(0)

暂无评论，来说两句吧

## **发布评论**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/#website","@type":"WebSite","description":"一纸忘忧的个人网站，关于技术探索与日常生活，记录 Web 开发、服务端与 DevOps 实践，分享软件工具、数码体验，以及代码之外的见闻与思考。","inLanguage":"zh-CN","name":"一纸忘忧","url":"https://www.ikxin.com/","workTranslation":[{"@id":"https://www.ikxin.com/zh-tw#website"},{"@id":"https://www.ikxin.com/ko#website"},{"@id":"https://www.ikxin.com/en#website"},{"@id":"https://www.ikxin.com/ja#website"}]},{"@id":"https://www.ikxin.com/article/gaokao-last-tech-post#webpage","@type":"WebPage","description":"伴随着假期最后一次闹钟的响起，意味着本次历时 19 天的暑假到此结束了，迎面而来的是高三的挑战。","name":"高考倒计时：这可能是最后的一篇技术博文","url":"https://www.ikxin.com/article/gaokao-last-tech-post","isPartOf":{"@id":"https://www.ikxin.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/article/gaokao-last-tech-post"]}]}]}
```

## Sitemap

See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.
