Chủ đề blog của tôi - đại lý cá độ
Rất nhiều người đã hỏi tôi về chủ đề (theme) mà tôi đang sử dụng cho blog cá nhân. Hôm nay, tôi sẽ viết một bài giới thiệu chi tiết về nó, vừa để chia sẻ với mọi người vừa như một bản backup.
Tôi đang sử dụng chương trình Typecho làm nền tảng cho blog của mình. Chủ đề hiện tại là phiên bản được sửa đổi từ chủ đề mặc định của Typecho. Dưới đây là các thay đổi chính mà tôi đã thực hiện:
1. Thay đổi font chữ
Đầu tiên, trong file header.php
của theme:
1<link rel="stylesheet" href="
Sau đó, chỉnh sửa file style.css
. Cụ thể, bạn cần thay đổi thuộc tính font-family
của các phần tử body
và h1,h2,h3,h4,h5,h6
như sau:
1body {
2 background-color: #FFF;
3 color: #444;
4 font-family: "LXGW WenKai Screen","Droid Serif",Georgia,"Times New Roman","PingFang SC","Hiragino Sans GB","Source Han Sans CN","WenQuanYi Micro Hei","Microsoft Yahei",serif;
5 font-size: 100%;
6}
7h1,h2,h3,h4,h5,h6 {
8 font-family: "LXGW WenKai Screen","Droid Serif",Georgia,"Times New Roman","PingFang SC","Hiragino Sans GB","Source Han Sans CN","WenQuanYi Micro Hei","Microsoft Yahei",serif;
9}
2. Chỉnh sửa chân trang Code dưới đây sẽ hiển thị thời gian hoạt động của trang web và số liệu thống kê cơ bản:
1Trang web này đã vận hành
2<?php
3$unixTime_1 = "1422748800";
4$unixTime_2 = time();
5$timediff = abs($unixTime_2 - $unixTime_1);
6$days = intval($timediff / 86400);
7echo $days." ngày. ";?>
8<?php $stat = Typecho_Widget::widget('Widget_Stat');?>Tổng cộng có <?php echo $stat->PublishedPostsNum;?> bài [tin tức bóng đá](/post/0b40fd9b3854d631/) viết và <?php echo $stat->publishedCommentsNum;?> bình luận.
3. Thêm chú thích hình đại lý cá độ ảnh
Để thêm chú thích cho hình ảnh, bạn cần chỉnh sửa file var/HyperDown.php
thành:
1<figure><img class=\"skyimg\" src=\" alt=\"{$escaped}\" title=\"{$escaped}\"><figcaption class=\"image-caption\">{$escaped}</figcaption></figure>
Tiếp theo, cập nhật file style.css
với các quy tắc sau:
1figure {
2 border-style: solid;
3 border-width: 1px;
4 border-color: #e7e7e7;
5 padding: 2px;
6}
7.image-caption {
8 color: #999999;
9 text-align: center;
10}
Những thay đổi trên giúp cải thiện đáng kể diện mạo và chức năng của blog. Font chữ được tối ưu hóa cho việc đọc dễ dàng hơn, chân trang cung cấp thông tin hữu ích về thời gian tồn tại và số liệu thống kê của trang web, còn tính năng chú thích hình ảnh giúp tăng cường trải nghiệm người dùng khi xem nội dung multimedia.
Ngoài ra, tôi cũng đã điều chỉnh một keo hom nay số yếu tố nhỏ khác để phù hợp với sở thích cá nhân, nhưng những thay đổi lớn nhất đã được liệt kê ở trên. Hy vọng rằng bài viết này sẽ giúp ích cho những ai muốn tùy chỉnh blog Typecho của mình.