赵博凯的个人网站

项目简介
这是一个基于纯原生技术栈(HTML、CSS、JavaScript)开发的个人网站,用于展示个人作品、分享日常心得和提供实用工具。网站采用响应式设计,支持多主题切换,并集成了Markdown解析功能,为访问者提供良好的阅读体验。
🌐 立即访问
主要功能
- 📝 日记系统:支持Markdown格式的日记内容展示
- 🎨 多主题切换:提供暗色、亮色、彩虹和个性化等多种主题
- 🎯 作品展示:展示个人开发的各类项目作品
- 🛠️ 实用工具:提供多种在线工具
- 💬 评论系统:集成Giscus评论功能
- 📱 响应式设计:完美适配各种设备屏幕
技术特点
- 🚀 采用原生
HTML, CSS和JavaScript
开发,无框架依赖
- 📖 使用
marked.js
解析Markdown内容
- 🎨 支持多主题动态切换:
- 🌙 暗色主题:适合夜间阅读
- ☀️ 亮色主题:清爽简洁
- 🌈 彩虹主题:缤纷多彩
- 🖼️ 赵**主题:******,知道为什么打“*”号吗,有点搞笑(bushi),提前告诉你们不是丧失了对主题的探索?😂😂😂
- 📊 主要采用静态部署,评论功能需要Giscus后端支持
- 🔧 部署简便,主要功能仅需基本Web服务器环境
项目结构
根目录文件
- README.md: 项目说明文档
- home.html: 首页
- my_diary.html: 日记主页面
- my_opus.html: 作品页面
- tool.html: 工具页面
- update.html: 更新页面
- question.html: 问题页面
- zhaobokai.html: 个人介绍页面
- verify.html: 验证页面
- favicon.ico: 网站图标
- robots.txt: 搜索引擎爬虫配置
- package.json: 项目配置文件
核心目录
样式文件 (style / css)
- beautify.css: 美化样式
- dark.css: 暗色主题
- white.css: 亮色主题
- rainbow.css: 彩虹主题
- zhaobokai.css: 个性化主题
- comments.css: 评论区样式
脚本文件 (js)
- main.js: 核心功能实现
- marked.js: Markdown解析
- css_select.js: 主题切换
- diary_api.js: 日记功能
内容目录 (diary)
- content/: Markdown格式日记
- media/: 多媒体资源
- 配置文件: github.json, python.json等
作品展示 (opus)
- 展示页面: 210.html, 211.html等
- 下载文件: 21.zip, 22.zip等
资源文件 (img)
- my_photo.jpg: 个人照片
- my_photo2.jpg: 个人照片,有点搞笑(bushi)
- my_photo.cur: 鼠标样式,没什么好讲的
- my_qrcode.png: 网站二维码
联系方式
快速访问
扫描下方二维码,即可访问个人网站:

🔗 https://zhaobokai341.github.io/verify.html
如果你觉得这个项目不错,欢迎点个 ⭐Star 支持一下!