大学入試センター試験までのカウントダウン：これが最後の技術ブログ記事になるかもしれない
休暇最後の目覚ましが鳴ったことで、19日間にわたる今回の夏休みがついに終わりを迎え、高3の挑戦が始まることを実感しました。
今朝早く、クラス分けの結果を見るために学校へ行きました。6組、やはり普通クラスでしたが、幸い教室の場所はよく、今回のクラス分けには比較的満足しています。たくさんの昔からの同級生と同じクラスになったわけではありませんが、これはつまり、より多くの新しい友達と知り合えるということでもあり、悪くありません。これからは、努力して1年間戦いに備えていくことになります。
話がそれてしまいましたが、これは技術ブログの記事です。主にブログにカウントダウンのコンポーネントを設置したかったので、以下のコードができました。
<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'); がカウントダウンの終点、つまりこの学年の高3生が最初の一歩を踏み出す始まりです。
では、これをこのブログで使用している Handsome テーマにどう組み込むのでしょうか。
/usr/themes/handsome/component/sidebar.php ファイルを開きます。
98行目をコメントアウトします（バージョンによって行数は異なる場合があります）。
<h3 class="widget-title m-t-none text-md"><?php _me("广告") ?></h3>
とにかく、上記の行を見つけてコメントアウトすればよいです。
次に、设置外观 内の 全局右侧边栏广告位 に、以下の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年6月9日以前に投稿する最後の技術ブログ記事です。1時間後には、私のノートパソコンをロッカーにしまい込むことになります。これからの310日間、勉強以外のことに触れないよう、できるだけ自分を律していくつもりです。もしかすると時々気持ちを書くことはあるかもしれませんが、それもきっと少なくなるでしょう。インターネットのことは、しばらく考えないことにします……
私が戻ってくるのを待っていてください。右側のカウントダウンが-2天になったとき、300日余りに及ぶ特訓を終えたということです。そのとき試験の結果が良くても悪くても、努力をしなければ、きっと後悔してしまいます。これから先どこへ向かうことになっても、自分が踏み出した一歩一歩に恥じないようにしたい。たとえ少しばかりの悔いが残るとしても、それもまた自分の経験なのではないでしょうか。
数日前、すべてのウェブサイトを DigitalOcean に引っ越しました。10ドルをチャージし、GitHub からもらった50ドルを合わせて、月額5ドルのサーバーならちょうど1年間使えます。大学入試が終わった後まで持ちこたえられそうです。サーバーには毎月1回の自動スナップショットバックアップを設定し、さらに宝塔のスケジュールタスクで3日に1回、サイト全体を阿里云 OSS にバックアップし、120個保存するようにしました。計算してみると、こちらもちょうど1年分です。サイトに何も問題がなければ、試験が終わるまで安定して動き続けてくれるはずなので、私は安心して手放すことができます。
ドラマ『归去来』に出てくる、次の言葉がとても好きです。
归去来兮，田园将芜，胡不归
そこで、私もそれにならって自分に一句書きました。
前路远兮，往后余生，何不追
これからの300日余り、もしかすると私は連絡がつかなくなるかもしれません。それでは、学校へ行かなければならないので、さようなら。
コメント
(0)まだコメントはありません