biss/blog
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

update images

Browse Source
This commit is contained in:
biss
2026-01-16 16:21:01 +08:00
parent f76e111fe5
commit 0c1e77027c
8 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
source/_posts/2025/2025.08/add-calendar-side.md
View File

@@ -1,17 +1,17 @@
---
title: 在侧边栏添加日历和倒计时
categories: 建站手札
cover: https://pic.biss.click/i/2025/08/30/m7amqo.png
cover: https://pic.biss.click/image/4c4ed482-8f43-4642-9f6e-f1e9facff2f2.png
tags: 网站
series: webcustom
summary: 实现了一个侧边栏日历与倒计时卡片，包含以下核心功能：日历展示:显示当前日期（公历与农历）、星期、生肖、干支年份。动态生成当月日历网格，高亮当天日期。倒计时模块:距离除夕倒计时：实时计算并显示剩余天数（示例中为2026年2月16日）。进度条：分别展示本年、本月、本周的已过去进度（百分比）及剩余天数。农历支持:调用 chinese-lunar.js 库将公历转换为农历，格式化显示为“干支年+生肖年+农历月+农历日”。
abbrlink: 5ed2f1e6
date: 2025-08-11 10:32:44
date: 2026-01-16T15:47:07+08:00
---
突然看到某个网站侧边栏有日历和倒计时，就研究了一下，抄下来了（🤭）
效果图：
<center><img src="https://pic.biss.click/i/2025/08/30/kq76e0.png" alt="效果图"></center>
<center><img src="https://pic.biss.click/image/0fda6a0b-0c91-4375-b846-ff7264e3c7f7.webp" alt="效果图"></center>
# 添加js