방학 마지막 알람이 울린 것은 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.06.09 이전의 마지막 기술 블로그 글이다. 한 시간 뒤부터 내 노트북은 캐비닛 안에 잠기게 된다. 앞으로 310일 동안 공부 이외의 것에 접하지 않도록 열심히 자제할 것이며, 가끔 기분을 적을 수도 있겠지만 그것도 아주 드물 것이다. 인터넷 같은 것은 당분간 생각하지 않으려 한다...
내가 돌아올 때까지 기다려 달라. 오른쪽의 카운트다운이 -2天으로 바뀌었을 때, 내가 300일 넘게 이어진 특훈을 끝냈다는 뜻이다. 그때 시험을 잘 봤든 못 봤든, 어쨌든 노력했으니 후회하지 않을 것이다. 앞으로 어디로 가게 되든, 내가 내디딘 모든 발걸음에 부끄럽지 않아야 한다. 설령 약간의 아쉬움이 남을 수 있다 해도, 그것 또한 나 자신의 경험이 아니겠는가?
며칠 전 모든 웹사이트를 DigitalOcean으로 이전했다. 10달러를 충전하고 GitHub에서 받은 50달러를 더해, 월 5달러를 내는 서버를 딱 1년 동안 사용할 수 있게 되었고, 수능이 끝난 뒤까지 버틸 수 있다. 서버에는 매월 한 번 자동 스냅샷 백업을 설정했고, 그 밖에도 보탑의 예약 작업에서 3일에 한 번 전체 사이트를 Alibaba Cloud OSS로 백업하도록 설정했으며, 120개를 보관한다. 계산해 보니 역시 딱 1년이다. 웹사이트에 별다른 장애가 없다면 내가 시험을 마칠 때까지 안정적으로 운영될 수 있을 테니, 이제 나는 손을 놓아도 된다.
드라마 《归去来》에 나오는 다음 한 구절을 아주 좋아한다.
归去来兮，田园将芜，胡不归
그래서 나도 그것을 본떠 나 자신에게 한 구절을 써 보았다.
前路远兮，往后余生，何不追
앞으로 300일이 넘는 동안 어쩌면 연락이 끊길지도 모르겠다. 그럼 이만하자. 나는 학교에 가야 한다. 안녕.