대학 입시 카운트다운: 아마도 마지막 기술 블로그 글
방학의 마지막 알람이 울린 것은 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년 동안 사용할 수 있게 되었고, 대학 입시가 끝난 뒤까지 버틸 수 있다. 서버에는 매달 한 번 자동 스냅샷 백업을 설정했고, 또한 BaoTa의 예약 작업에서 3일에 한 번씩 전체 사이트를 Alibaba Cloud OSS에 백업하도록 설정했으며, 120개를 보관한다. 계산해 보면 이것도 정확히 1년이다. 웹사이트에 특별한 장애가 없다면 내가 시험을 마칠 때까지 무사히 운영될 수 있을 것이다. 그러니 나는 이제 내려놓을 수 있다.
드라마 《귀거래》에 나오는 다음 한마디를 무척 좋아한다.
돌아가자꾸나, 논밭이 황폐해지는데 어찌 돌아가지 않으랴
그래서 나도 그것을 본떠 나 자신에게 한마디를 적어 보았다.
앞길은 멀지만, 남은 생을 어찌 좇지 않으랴
앞으로 300일이 넘는 동안 어쩌면 나는 연락이 끊길 것이다. 그럼 이만하자. 이제 학교에 가야 한다. 안녕.
댓글
(0)아직 댓글이 없습니다