mirror of
https://github.com/Wcowin/Mkdocs-Wcowin.git
synced 2025-07-20 00:46:34 +00:00
Compare commits
3 Commits
d2c462b046
...
428fbe0aeb
| Author | SHA1 | Date | |
|---|---|---|---|
|
428fbe0aeb | ||
| addfa1289c | |||
| 41d75cd2a8 |
7
.ai_cache/0027722f277bde02f38323d73b77a3d3.json
Normal file
7
.ai_cache/0027722f277bde02f38323d73b77a3d3.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"summary": "该网站2025年持续优化性能与用户体验，重点提升页面流畅度和加载速度，修复了友链统计、评论区定位等多项功能问题。设计方面引入Material Design圆角化风格，重构页脚样式，并更新教程内容适配最新版本。同时优化了图片查看功能，清理失效链接，改进留言板交互设计，确保网站稳定运行与视觉一致性。",
|
||||
"service": "deepseek",
|
||||
"page_title": "2025网站更新记录",
|
||||
"timestamp": "2025-07-08T11:19:43.570517",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文系统介绍了Git的核心操作与实用技巧，涵盖仓库创建、分支管理、冲突解决等基础功能，并深入讲解了stash暂存、rebase/merge策略选择、cherry-pick热修复等高级用法。重点解析了代码版本控制中的典型场景解决方案，如修改历史提交、撤销文件变更等，为开发者提供了高效的版本管理实践指南。",
|
||||
"summary": "本文系统介绍了Git的核心操作与实用技巧，涵盖仓库创建、分支管理、冲突解决等基础功能，重点讲解了stash暂存、rebase/merge策略选择、cherry-pick热修复等高级用法。通过具体代码示例和操作图示，帮助开发者掌握版本控制关键场景的解决方案，提升团队协作效率与代码管理能力。",
|
||||
"service": "deepseek",
|
||||
"page_title": "Git 实用技巧",
|
||||
"timestamp": "2025-06-26T23:04:09.776494",
|
||||
"timestamp": "2025-07-08T11:21:40.923658",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "MkDocs允许通过自定义HTML文件实现页脚个性化配置。用户需在docs/overrides/partials/目录下创建或修改footer.html文件，插入特定代码片段即可完成设置。该功能适用于需要定制网站底部信息的场景，操作简单且无需修改核心模板文件。",
|
||||
"summary": "MkDocs支持通过自定义HTML文件实现页脚个性化配置。用户需在docs/overrides/partials目录下创建或修改footer.html文件，插入特定代码片段即可完成设置。该功能适用于需要定制网站底部信息的场景，操作简单且无需修改核心配置文件。",
|
||||
"service": "deepseek",
|
||||
"page_title": "页脚设置",
|
||||
"timestamp": "2025-06-26T23:02:53.934769",
|
||||
"timestamp": "2025-07-08T11:20:29.267564",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "Tidio提供免费、无需梯子的在线聊天解决方案，适用于网站集成。用户只需注册账号，从设置中获取专属JavaScript代码，将其嵌入网站即可快速部署。安装过程简单，仅需粘贴一行代码到指定位置，支持实时聊天功能，适合中小型网站低成本接入客服系统。",
|
||||
"summary": "Tidio提供免费、无需梯子的在线聊天解决方案，适用于网站集成。用户只需注册账户，从设置中获取专属JavaScript代码，并将其嵌入网站指定位置即可快速部署。该工具安装简便，仅需粘贴一行代码，支持实时聊天功能，适合中小型网站提升客户互动效率。",
|
||||
"service": "deepseek",
|
||||
"page_title": "添加在线聊天",
|
||||
"timestamp": "2025-06-26T23:03:51.179698",
|
||||
"timestamp": "2025-07-08T11:21:26.033287",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文介绍了网页圆角化设计的实现方法，重点讲解通过CSS样式实现图片和边框的圆角效果。具体包括创建CSS文件、在配置文件中引入样式、使用border-radius属性设置圆角参数等技术细节，并提供了代码示例和效果展示。同时介绍了如何利用内置组件实现卡片和按钮的圆角化设计，为网页UI提供更美观的视觉效果。",
|
||||
"summary": "本文介绍了网页圆角化设计的实现方法，重点讲解了通过CSS样式实现图片和边框圆角效果的技术方案。内容包括创建CSS文件、在配置文件中引入样式、具体代码实现示例以及实际效果展示，同时提供了按钮圆角化设计的实现方式。这些方法适用于美化网页元素，提升界面视觉效果，适用于各类网站建设项目。",
|
||||
"service": "deepseek",
|
||||
"page_title": "网页圆角化设计",
|
||||
"timestamp": "2025-06-26T23:04:01.164754",
|
||||
"timestamp": "2025-07-08T11:21:33.676320",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文介绍如何通过git-revision-date-localized插件为MKdocs文档添加文章修订时间戳。该方法通过在CI配置中优化enabled策略，避免本地渲染时检查全部git历史，显著提升渲染速度，同时确保发布时正常显示更新时间。技术实现涉及修改.github/workflows/ci.yml文件，适合需要展示文档时效性的项目场景。",
|
||||
"summary": "本文介绍如何通过git-revision-date-localized插件为MKdocs文档添加文章修订时间戳。该方法通过修改CI工作流配置，优化了本地渲染性能，仅在发布时获取Git历史记录，既提升了构建速度，又能在页面底部准确显示文档最后更新时间。适用于需要展示文档时效性的技术文档项目。",
|
||||
"service": "deepseek",
|
||||
"page_title": "为MKdocs添加文章修订时间戳",
|
||||
"timestamp": "2025-06-26T23:03:44.011396",
|
||||
"timestamp": "2025-07-08T11:21:18.212678",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "MIT许可证授予用户自由使用、修改和分发软件的广泛权利，仅要求保留版权声明和许可条款。该许可证明确声明软件按\"原样\"提供，不承担任何质量担保或法律责任，适用于希望最大限度开放代码使用权限的场景。这种宽松的开源许可模式常见于学术和商业项目。",
|
||||
"summary": "MIT许可证授予用户自由使用、修改和分发软件的广泛权利，仅要求保留版权声明和许可条款。该许可明确声明软件按\"原样\"提供，不承担任何质量担保或法律责任，适用于希望最大限度开放代码使用的开发者。作为最流行的开源许可之一，其简洁性和宽松性使其成为商业和开源项目的理想选择。",
|
||||
"service": "deepseek",
|
||||
"page_title": "许可声明",
|
||||
"timestamp": "2025-06-26T23:00:45.174060",
|
||||
"timestamp": "2025-07-08T11:18:19.664628",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "在GitHub Pages部署mkdocs时，自定义域名失效的原因是项目未拉取到本地，导致每次推送后CNAME文件被清除。解决方法是在/docs目录下创建无后缀的CNAME文件并填入域名，确保配置持久化。该方案适用于使用mkdocs构建文档并需绑定自定义域名的场景。",
|
||||
"summary": "在Github Pages部署mkdocs时，自定义域名失效的原因是项目未拉取到本地，导致每次推送后CNAME文件被清除。解决方法是在/docs目录下创建无后缀的CNAME文件并填入域名，确保配置持久化。该方案适用于使用mkdocs构建文档并需绑定自定义域名的场景。",
|
||||
"service": "deepseek",
|
||||
"page_title": "3.解决Github Pages部署mkdocs自定义域名失效的问题",
|
||||
"timestamp": "2025-06-26T23:01:19.434705",
|
||||
"timestamp": "2025-07-08T11:18:50.244415",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文探讨了MkDocs中使用相对地址引用资源时的常见问题与解决方案，重点分析了图片、PDF、跨页面及静态资源的正确引用方式。文章指出路径大小写敏感性和以docs目录为基准的重要性，并提供了标准代码示例。针对本地与线上环境差异、路径错误等典型问题给出了排查建议，强调统一目录结构和相对路径引用对项目可维护性的关键作用。",
|
||||
"summary": "本文探讨了MkDocs中相对地址引用的常见问题与解决方案，重点分析了图片、PDF、跨页面及静态资源的正确引用方式。指出路径大小写敏感性和以`docs`目录为基准的关键要点，并针对本地与线上环境差异提供了调试建议。通过规范目录结构和统一相对路径写法，可确保资源在不同环境下正常加载，提升文档系统的可维护性。",
|
||||
"service": "deepseek",
|
||||
"page_title": "相对地址的一些问题",
|
||||
"timestamp": "2025-06-26T23:02:30.555602",
|
||||
"timestamp": "2025-07-08T11:20:04.310308",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "唐·诺曼提出的情感设计三层次理论包括本能层、行为层和反思层。本能层关注产品外观引发的即时情感反应，行为层强调使用过程中的功能性和效率，反思层涉及用户对产品的理性评价和自我认同。这三个层次相互影响，共同塑造用户对产品的整体体验。该理论为设计提供了系统框架，帮助平衡美学、功能与情感需求，广泛应用于产品开发和用户体验优化。",
|
||||
"summary": "唐·诺曼提出的情感设计三层次理论包括本能层、行为层和反思层。本能层关注产品外观引发的即时情感反应，行为层强调使用过程中的功能性和效率，反思层涉及用户对产品的理性评价和自我认同。这三个层次相互影响，共同塑造用户对产品的整体体验。该理论为设计提供了系统框架，帮助平衡美学、功能与情感诉求，广泛应用于产品开发与用户体验优化。",
|
||||
"service": "deepseek",
|
||||
"page_title": "唐·诺曼—情感设计的三个层次",
|
||||
"timestamp": "2025-06-26T23:04:46.479766",
|
||||
"timestamp": "2025-07-08T11:22:16.849071",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "Mkdocs内置博客插件可快速搭建技术博客，只需在mkdocs.yml中添加简单配置即可启用。支持通过docs/blog/.authors.yml文件管理作者信息，无需额外创建文件。该插件简化了技术文档与博客的集成流程，适合开发者快速构建内容发布平台，同时保持与Mkdocs原有功能的兼容性。",
|
||||
"summary": "Mkdocs内置博客插件可快速搭建技术博客，只需在mkdocs.yml中添加简单配置即可启用。支持通过docs/blog/.authors.yml文件管理作者信息，无需额外创建文件。该插件集成度高，适合文档站点快速扩展博客功能，简化了技术内容发布流程。",
|
||||
"service": "deepseek",
|
||||
"page_title": "添加Mkdocs博客",
|
||||
"timestamp": "2025-06-26T23:01:26.584450",
|
||||
"timestamp": "2025-07-08T11:18:57.121256",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "霞鹜文楷是一款基于日本FONTWORKS公司Klee One衍生的开源中文字体，兼具仿宋和楷体特点，适用于屏幕阅读和排版。该字体提供多个版本，包括屏幕阅读版、轻便版、GB/T规范版等，支持简繁日韩字符。作为开源项目，它解决了商业字体侵权风险问题，并通过深度学习补全了6857个汉字字形。用户可通过GitHub、Gitee等平台获取，支持Windows、macOS等系统安装。",
|
||||
"summary": "霞鹜文楷是一款基于日本FONTWORKS公司Klee One衍生的开源中文字体，兼具仿宋和楷体特点，适用于屏幕阅读和排版。该字体提供多个版本，包括屏幕阅读版、轻便版、GB/TC规范版等，支持简繁日韩字符。作为开源项目，它解决了商业字体侵权风险问题，并通过深度学习补全了6857个汉字字形。用户可通过GitHub、Gitee等平台获取，支持Windows、macOS等系统安装。",
|
||||
"service": "deepseek",
|
||||
"page_title": "修改网站字体",
|
||||
"timestamp": "2025-06-26T23:03:18.022230",
|
||||
"timestamp": "2025-07-08T11:20:54.358060",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "该技术文档介绍了三种网页背景特效的实现方法：雪花、樱花和粒子效果。核心是通过JavaScript动态加载外部脚本，并利用LocalStorage控制特效的显示状态。雪花特效示例展示了如何通过检测本地存储标志来条件加载脚本，其他特效采用类似实现逻辑。这些轻量级动画效果适用于增强网页视觉体验，开发者可直接复用提供的代码片段快速集成。",
|
||||
"summary": "该技术文档介绍了三种网页背景特效的实现方法：雪花、樱花和粒子效果。核心是通过JavaScript动态加载特效脚本，并利用LocalStorage控制特效的显示状态。代码示例展示了如何通过DOM操作插入外部脚本，实现可配置的动态视觉效果，适用于增强网页交互体验。关键技术点包括LocalStorage的状态管理和动态资源加载。",
|
||||
"service": "deepseek",
|
||||
"page_title": "背景特效",
|
||||
"timestamp": "2025-06-26T23:02:45.792346",
|
||||
"timestamp": "2025-07-08T11:20:19.952759",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文介绍了使用MkDocs部署静态网页到GitHub Pages的完整流程。重点讲解了从创建GitHub仓库、本地环境配置、MkDocs初始化到自动化部署的关键步骤，包括目录结构调整、workflow配置和页面发布设置。该方法基于Material for MkDocs主题，通过简单的YAML配置即可快速搭建文档网站，适合技术博客和项目文档的托管需求。文中提供了详细的图文指引和常见配置示例，并强调了GitHub Actions自动化部署的关键设置要点。",
|
||||
"summary": "本文介绍了使用MkDocs框架部署静态网页到GitHub Pages的完整流程。详细说明了从创建GitHub仓库、本地环境配置、MkDocs初始化到最终部署的关键步骤，包括目录结构调整、workflow配置和yml文件基础设置。重点强调了GitHub Actions的权限设置和Pages服务的发布路径选择，为技术人员提供了快速搭建文档网站的实践指南。",
|
||||
"service": "deepseek",
|
||||
"page_title": "1.利用Mkdocs部署静态网页",
|
||||
"timestamp": "2025-06-26T23:01:02.887535",
|
||||
"timestamp": "2025-07-08T11:18:33.935381",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "MWeb Pro是一款专为macOS设计的专业Markdown写作与笔记应用，支持GFM语法扩展（含表格、LaTeX、代码块等）及多种图表库（mermaid、PlantUML等）。提供高效的图片插入、表格编辑和文档管理功能，支持导出为多种格式（PDF/HTML/Epub等）并发布至主流平台（WordPress/印象笔记等）。其核心优势包括分类树标签管理、静态网站生成、快速笔记整理及全局搜索，适合技术写作、知识管理和博客发布场景。",
|
||||
"summary": "MWeb Pro是一款专为macOS设计的专业Markdown写作与笔记应用，支持GFM语法扩展（包括表格、LaTeX、代码块等）和多种图表库（如mermaid、PlantUML）。提供便捷的图片插入、表格编辑和LaTeX辅助功能，支持导出多种格式（PDF、HTML等）并发布到主流平台（WordPress、印象笔记等）。其强大的文档库支持分类树和标签管理，适合知识收集与静态网站生成，兼具快速笔记和全局搜索功能，优化写作与内容管理体验。",
|
||||
"service": "deepseek",
|
||||
"page_title": "MWeb Pro",
|
||||
"timestamp": "2025-06-26T23:04:30.907726",
|
||||
"timestamp": "2025-07-08T11:22:01.589451",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文介绍如何在文档站点中添加顶部公告栏，通过在docs/overrides目录下创建main.html文件并修改其内容实现。该方法支持自定义公告栏样式和内容，适用于需要突出显示重要信息的场景。操作步骤简单，只需按照指定目录结构创建文件并进行相应编辑即可完成公告栏配置。",
|
||||
"summary": "本文介绍如何在文档项目中添加顶部公告栏，通过修改`docs/overrides/main.html`文件实现自定义公告内容。操作步骤包括创建文件目录结构、编辑HTML代码以及灵活调整公告样式。该方法适用于需要突出显示重要通知的技术文档系统，具有配置简单、维护方便的特点。",
|
||||
"service": "deepseek",
|
||||
"page_title": "添加顶部公告栏",
|
||||
"timestamp": "2025-06-26T23:03:00.998188",
|
||||
"timestamp": "2025-07-08T11:20:36.293426",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -2,6 +2,6 @@
|
||||
"summary": "本文介绍了MkDocs文档工具的学习资源和使用指南，包括官方教程、Material主题教程及插件列表，并提供了作者的中文教程（语雀、CSDN、知乎）。内容涵盖快速部署静态网页到GitHub Pages、配置mkdocs.yml及添加博客等核心操作，同时附有视频教程。最后请求使用者注明教程来源并支持友链申请。",
|
||||
"service": "deepseek",
|
||||
"page_title": "0.Mkdocs教程前言",
|
||||
"timestamp": "2025-06-26T23:01:35.280775",
|
||||
"timestamp": "2025-07-08T11:19:06.752842",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文介绍了使用MkDocs构建网站时的性能优化方法，包括采用WebP等高效图片格式压缩资源、利用CDN加速静态文件分发，以及通过合理配置git插件减少本地渲染耗时。这些措施能显著提升网站加载速度，建议使用Lighthouse工具进行性能测试验证优化效果。",
|
||||
"summary": "本文介绍了使用MkDocs构建网站时的性能优化方法，包括采用WebP等高效图片格式压缩资源、通过CDN分发静态文件减少延迟，以及优化git插件配置加速本地渲染。建议开发时禁用非必要插件，并推荐使用jsDelivr CDN和Lighthouse工具进行效果验证，有效提升网站访问速度。",
|
||||
"service": "deepseek",
|
||||
"page_title": "加速网站访问的一些心得",
|
||||
"timestamp": "2025-06-26T23:02:37.732056",
|
||||
"timestamp": "2025-07-08T11:20:11.837012",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "Markdown是一种轻量级标记语言，使用纯文本格式编写文档，可转换为HTML、PDF等多种格式。本文介绍了其核心语法，包括标题、列表、表格、链接、图片插入等常用功能，并推荐了各平台编辑工具。Markdown语法简洁易学，适合快速编写结构化文档，广泛应用于技术文档、博客写作等场景。",
|
||||
"summary": "Markdown是一种轻量级标记语言，支持纯文本编写并转换为多种格式（如HTML、PDF）。本文介绍了其核心语法，包括标题、列表、表格、链接、图片插入等常用功能，并推荐了各平台编辑工具。通过简洁的标记符号实现文档格式化，适用于快速编写易读易写的技术文档和笔记。",
|
||||
"service": "deepseek",
|
||||
"page_title": "Markdown指南",
|
||||
"timestamp": "2025-06-26T23:04:38.602516",
|
||||
"timestamp": "2025-07-08T11:22:09.202626",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文介绍了如何在MkDocs文档系统中实现阅读信息统计功能。通过创建reading_time.py脚本并在mkdocs.yml中配置hooks，系统可自动计算页面的阅读时间、中文字符数和代码行数。支持通过hide_reading_time标记或EXCLUDE_PATTERNS正则表达式排除特定页面，适用于需要展示文档阅读时长的技术文档网站。该功能基于Material主题，需配置custom_dir路径确保正常运行。",
|
||||
"summary": "本文介绍了如何在MkDocs文档系统中实现阅读时间统计功能。通过创建reading_time.py脚本并配置mkdocs.yml文件，系统可自动计算文章阅读时长、中文字符数和代码行数。支持通过hide_reading_time参数排除特定页面，并提供EXCLUDE_PATTERNS正则表达式进行批量过滤。该功能适用于技术文档网站，能帮助读者预估阅读时间，提升用户体验。",
|
||||
"service": "deepseek",
|
||||
"page_title": "添加阅读信息统计",
|
||||
"timestamp": "2025-06-26T23:03:27.701679",
|
||||
"timestamp": "2025-07-08T11:21:02.082586",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "该项目为MkDocs文档系统开发了AI智能摘要插件，支持DeepSeek、OpenAI等主流AI服务，可自动生成80-120字的多语言摘要。核心功能包括智能内容清理、缓存优化、阅读统计及环境自适应，提供页面级和文件夹级控制。通过简单配置即可实现本地或CI部署，显著提升技术文档的可读性和管理效率，适合博客和技术文档维护者使用。",
|
||||
"summary": "该项目为MkDocs文档系统开发了AI智能摘要插件，支持DeepSeek、OpenAI等主流AI服务，可自动生成80-120字的多语言摘要。具备智能内容清理、缓存优化和灵活配置功能，并提供阅读统计、代码识别等辅助特性。通过hooks机制实现无缝集成，支持本地和CI环境自适应，显著提升技术文档的可读性和管理效率。",
|
||||
"service": "deepseek",
|
||||
"page_title": "MkDocs文档AI摘要",
|
||||
"timestamp": "2025-06-26T23:02:22.008954",
|
||||
"timestamp": "2025-07-08T11:19:53.418533",
|
||||
"language": "zh"
|
||||
}
|
||||
7
.ai_cache/8c834bb008a9ea4f0259db65d38d8891.json
Normal file
7
.ai_cache/8c834bb008a9ea4f0259db65d38d8891.json
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"summary": "本文介绍了在MKdocs中添加友链的具体方法，通过CSS样式代码实现网格化友链展示效果。关键步骤包括复制代码到.md文件、自定义卡片样式（悬停动画、圆角设计）以及响应式布局适配。技术亮点涵盖网格布局、过渡动画和移动端优化，适用于技术博客等需要展示外部链接的场景。",
|
||||
"service": "deepseek",
|
||||
"page_title": "如何给MKdocs添加友链",
|
||||
"timestamp": "2025-07-08T11:18:26.968484",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文介绍了通过JavaScript和CSS自定义网页鼠标样式的实现方法，重点说明了关键参数设置，包括鼠标尺寸、颜色（支持RGB值和颜色名称）以及跟随圆形的颜色配置。提供了具体的代码示例和配置路径，并提示需在mkdocs.yml中引入相关文件。虽然默认样式简洁，但文章为需要个性化定制的场景提供了技术实现方案。",
|
||||
"summary": "本文介绍了通过JavaScript和CSS自定义网页鼠标样式的方法，重点说明了关键参数设置，包括鼠标尺寸、颜色（支持RGB值和颜色名称）以及跟随圆形的颜色调整。提供了具体的代码实现步骤，并强调需在mkdocs.yml中正确引入相关文件。适用于需要个性化鼠标交互效果的网页开发场景。",
|
||||
"service": "deepseek",
|
||||
"page_title": "JS实现鼠标样式",
|
||||
"timestamp": "2025-06-26T23:03:36.427779",
|
||||
"timestamp": "2025-07-08T11:21:10.237802",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "2024年网站持续优化，重点提升流畅度和访问速度，包括启用CDN加速、删除冗余代码、优化UI显示效果。技术改进涉及MKdocs主题更新、代码显示优化、图片迁移至SMMS平台，并引入自动新标签页打开功能。同时完善了教程文档，修复了多个bug，提升了搜索引擎收录效果。全年的迭代显著改善了用户体验和网站性能。",
|
||||
"summary": "2024年网站持续优化，重点提升流畅度和访问速度，包括启用CDN加速、删除冗余代码、优化UI显示效果。技术改进涉及MKdocs主题更新、代码显示优化、图片迁移至SMMS平台，并引入自动新标签页打开功能。网站被百度/谷歌收录，友链扩展至16位，同时完善了文档修改时间记录功能。",
|
||||
"service": "deepseek",
|
||||
"page_title": "2024网站更新记录",
|
||||
"timestamp": "2025-06-26T23:02:01.237638",
|
||||
"timestamp": "2025-07-08T11:19:34.141317",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文详细介绍了Mkdocs配置文件mkdocs.yml的核心配置项，包括站点基本信息设置、主题配色方案（支持明暗模式切换）、导航功能优化（如目录展开、返回顶部等）、搜索增强特性以及Markdown扩展支持。重点讲解了标签系统实现方法、自定义CSS/JS的引入方式，并提供了UI美化建议。该配置文件可帮助用户快速构建功能完善、界面美观的文档网站，特别适合技术文档的展示与管理。",
|
||||
"summary": "本文详细介绍了Mkdocs配置文件mkdocs.yml的核心配置项，包括站点基本信息设置、主题配色方案（支持明暗模式切换）、导航功能优化（如目录展开、返回顶部等）、搜索增强特性以及Markdown扩展支持。重点讲解了标签系统实现方法、自定义CSS/JS的引入方式，并提供了UI美化建议。该配置文件通过模块化设计实现了文档站点的个性化定制，特别适合需要灵活控制界面和功能的文档项目。",
|
||||
"service": "deepseek",
|
||||
"page_title": "2.Mkdocs配置说明(mkdocs.yml)",
|
||||
"timestamp": "2025-06-26T23:01:11.869509",
|
||||
"timestamp": "2025-07-08T11:18:43.373063",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文阐述了设计的核心原则与实践要点，强调简洁性、美感和用户体验的重要性。作者提出六项关键观点：精简元素突出核心功能，追求视觉优雅与平衡，以用户需求为中心优化交互，注重细节提升质感，鼓励创新融合突破传统，以及通过故事性设计建立情感共鸣。这些原则共同指向创造兼具功能性、审美价值和情感连接的设计解决方案。",
|
||||
"summary": "本文阐述了设计的核心原则与实践要点，强调简洁性、美感和用户体验的重要性。作者提出优秀设计应去除冗余元素，注重视觉平衡与细节把控，同时以用户需求为导向创造直观交互。创新思维和情感共鸣被视作关键要素，通过故事性表达和突破性方案提升产品价值。全文突出了设计在功能性与艺术性之间的平衡，以及其对用户认知和情感的影响。",
|
||||
"service": "deepseek",
|
||||
"page_title": "我对设计的一些观点",
|
||||
"timestamp": "2025-06-26T23:04:55.314641",
|
||||
"timestamp": "2025-07-08T11:22:25.029610",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "Lighthouse是谷歌开发的网页性能测试工具，可评估网站加载速度、可访问性等核心指标。通过浏览器开发者工具（F12）即可快速运行测试，生成包含性能评分和改进建议的详细报告。该工具适用于开发者优化网页体验，帮助诊断渲染阻塞、资源加载等问题，支持Chrome/Edge等主流浏览器。测试结果以可视化数据呈现，便于针对性提升网站性能。",
|
||||
"summary": "Lighthouse是谷歌开发的网站性能测试工具，可评估页面加载速度、可访问性等关键指标。用户通过浏览器开发者工具（F12）即可快速运行测试，无需额外安装。该工具提供量化评分和优化建议，帮助开发者识别性能瓶颈，适用于各类网站的持续性能监控与改进。测试结果包含SEO、PWA等维度，是前端优化的标准工具之一。",
|
||||
"service": "deepseek",
|
||||
"page_title": "利用Lighthouse测试网站性能",
|
||||
"timestamp": "2025-06-26T23:04:18.996402",
|
||||
"timestamp": "2025-07-08T11:21:49.108793",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "2022年网站建设经历了三个阶段：6月确定MKdocs框架并测试早期功能；10月全款购入独立域名，取消cookie确认以优化隐私保护；同月建立Github仓库正式上线，简化访问流程并新增首页反馈功能。更新重点包括技术框架选型、隐私优化及用户体验改进。",
|
||||
"summary": "2022年网站建设经历了三个阶段：6月确定MKdocs框架并测试早期功能；10月全款购入独立域名并取消cookie确认以优化隐私保护；同月建立Github仓库正式上线，移除cookie弹窗简化访问流程，并新增首页反馈功能。更新重点包括技术框架选型、用户隐私优化及交互体验改进。",
|
||||
"service": "deepseek",
|
||||
"page_title": "2022网站更新记录",
|
||||
"timestamp": "2025-06-26T23:01:42.812897",
|
||||
"timestamp": "2025-07-08T11:19:14.261595",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "giscus是一款基于GitHub Discussions的开源评论系统，无需数据库，所有数据存储在GitHub中。它具有无跟踪、无广告、永久免费的特点，支持多语言、自定义主题和高可配置性。系统能自动同步GitHub的评论更新，并允许自建服务。通过简单配置即可集成到网站中，适合开发者快速实现轻量级评论功能。",
|
||||
"summary": "giscus是一款基于GitHub Discussions的开源评论系统，无需数据库，数据直接存储在GitHub中。它具有无跟踪、无广告、永久免费的特点，支持多语言、自定义主题和高可配置性。系统能自动同步GitHub的评论更新，适用于静态网站集成，提供轻量级且隐私友好的评论解决方案。",
|
||||
"service": "deepseek",
|
||||
"page_title": "添加评论系统(giscus为例)",
|
||||
"timestamp": "2025-06-26T23:03:08.582979",
|
||||
"timestamp": "2025-07-08T11:20:43.931530",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"summary": "本文记录了2023年网站的技术更新历程，主要优化包括：引入AI问答机器人（25条/月限制）、多语言支持（含台湾地区）、国内镜像站点建设、Mkdocs主题开发。技术改进涵盖前端性能（图片懒加载、字体优化）、功能扩展（Latex渲染、搜索功能、评论系统）及移动端适配。全年持续修复各类显示问题，并新增博客、友链等板块，同时穿插了开发者个人生活趣事。",
|
||||
"summary": "本文记录了2023年网站的技术更新历程，主要包括：引入AI问答机器人（每月25条限制）、新增多语言支持（含台湾地区）、建立Mkdocs-Wcowin主题、优化移动端适配和页面加载速度。关键改进涉及Latex渲染修复、图片懒加载、友链/博客功能新增，以及持续的性能优化（标注为\"玄学\"）。技术亮点包括giscus评论系统集成、文楷字体应用和国内镜像部署，整体提升了用户体验和功能完整性。",
|
||||
"service": "deepseek",
|
||||
"page_title": "2023网站更新记录",
|
||||
"timestamp": "2025-06-26T23:01:52.307987",
|
||||
"timestamp": "2025-07-08T11:19:25.392056",
|
||||
"language": "zh"
|
||||
}
|
||||
@ -6,5 +6,5 @@
|
||||
"gemini"
|
||||
],
|
||||
"summary_language": "zh",
|
||||
"check_time": "2025-07-08T03:00:19.201435"
|
||||
"check_time": "2025-07-08T03:49:14.573710"
|
||||
}
|
||||
@ -1 +1 @@
|
||||
{"cache_date": "2025-06-26", "page_authors": {}}
|
||||
{"cache_date": "2025-07-08", "page_authors": {}}
|
||||
@ -170,7 +170,7 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __.
|
||||
[^Knowing-that-loving-you-has-no-ending]:太阳总是能温暖向日葵
|
||||
[^see-how-much-I-love-you]:All-problems-in-computer-science-can-be-solved-by-another-level-of-indirection
|
||||
|
||||
<body>
|
||||
<!-- <body>
|
||||
<font color="#B9B9B9">
|
||||
<p style="text-align: center; ">
|
||||
<span>本站已经运行</span>
|
||||
@ -197,7 +197,7 @@ ____ __ ____ ______ ______ ____ __ ____ __ .__ __.
|
||||
},1000)
|
||||
</script>
|
||||
</font>
|
||||
</body>
|
||||
</body> -->
|
||||
|
||||
|
||||
<!-- <script src="//code.tidio.co/6jmawe9m5wy4ahvlhub2riyrnujz7xxi.js" async></script> -->
|
||||
|
||||
@ -1,92 +1,532 @@
|
||||
<!-- Footer -->
|
||||
<footer class="md-footer">
|
||||
|
||||
<!-- Link to previous and/or next page -->
|
||||
{% if "navigation.footer" in features %}
|
||||
{% if page.previous_page or page.next_page %}
|
||||
{% if page.meta and page.meta.hide %}
|
||||
{% set hidden = "hidden" if "footer" in page.meta.hide %}
|
||||
{% endif %}
|
||||
<nav
|
||||
class="md-footer__inner md-grid"
|
||||
aria-label="{{ lang.t('footer') }}"
|
||||
{{ hidden }}
|
||||
>
|
||||
|
||||
<!-- Link to previous page -->
|
||||
{% if page.previous_page %}
|
||||
{% set direction = lang.t("footer.previous") %}
|
||||
<a
|
||||
href="{{ page.previous_page.url | url }}"
|
||||
class="md-footer__link md-footer__link--prev"
|
||||
aria-label="{{ direction }}: {{ page.previous_page.title | e }}"
|
||||
>
|
||||
<div class="md-footer__button md-icon">
|
||||
{% set icon = config.theme.icon.previous or "material/arrow-left" %}
|
||||
{% include ".icons/" ~ icon ~ ".svg" %}
|
||||
</div>
|
||||
<div class="md-footer__title">
|
||||
<span class="md-footer__direction">
|
||||
{{ direction }}
|
||||
</span>
|
||||
<div class="md-ellipsis">
|
||||
{{ page.previous_page.title }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<!-- Link to next page -->
|
||||
{% if page.next_page %}
|
||||
{% set direction = lang.t("footer.next") %}
|
||||
<a
|
||||
href="{{ page.next_page.url | url }}"
|
||||
class="md-footer__link md-footer__link--next"
|
||||
aria-label="{{ direction }}: {{ page.next_page.title | e }}"
|
||||
>
|
||||
<div class="md-footer__title">
|
||||
<span class="md-footer__direction">
|
||||
{{ direction }}
|
||||
</span>
|
||||
<div class="md-ellipsis">
|
||||
{{ page.next_page.title }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-footer__button md-icon">
|
||||
{% set icon = config.theme.icon.next or "material/arrow-right" %}
|
||||
{% include ".icons/" ~ icon ~ ".svg" %}
|
||||
</div>
|
||||
</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
<!-- Link to previous and/or next page - 移到最上面 -->
|
||||
{% if "navigation.footer" in features %} {% if page.previous_page or
|
||||
page.next_page %} {% if page.meta and page.meta.hide %} {% set hidden =
|
||||
"hidden" if "footer" in page.meta.hide %} {% endif %}
|
||||
<nav
|
||||
class="md-footer__inner md-grid"
|
||||
aria-label="{{ lang.t('footer') }}"
|
||||
{{ hidden }}
|
||||
>
|
||||
<!-- Link to previous page -->
|
||||
{% if page.previous_page %} {% set direction = lang.t("footer.previous") %}
|
||||
<a
|
||||
href="{{ page.previous_page.url | url }}"
|
||||
class="md-footer__link md-footer__link--prev"
|
||||
aria-label="{{ direction }}: {{ page.previous_page.title | e }}"
|
||||
>
|
||||
<div class="md-footer__button md-icon">
|
||||
{% set icon = config.theme.icon.previous or "material/arrow-left" %} {%
|
||||
include ".icons/" ~ icon ~ ".svg" %}
|
||||
</div>
|
||||
<div class="md-footer__title">
|
||||
<span class="md-footer__direction"> {{ direction }} </span>
|
||||
<div class="md-ellipsis">{{ page.previous_page.title }}</div>
|
||||
</div>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<!-- Link to next page -->
|
||||
{% if page.next_page %} {% set direction = lang.t("footer.next") %}
|
||||
<a
|
||||
href="{{ page.next_page.url | url }}"
|
||||
class="md-footer__link md-footer__link--next"
|
||||
aria-label="{{ direction }}: {{ page.next_page.title | e }}"
|
||||
>
|
||||
<div class="md-footer__title">
|
||||
<span class="md-footer__direction"> {{ direction }} </span>
|
||||
<div class="md-ellipsis">{{ page.next_page.title }}</div>
|
||||
</div>
|
||||
<div class="md-footer__button md-icon">
|
||||
{% set icon = config.theme.icon.next or "material/arrow-right" %} {%
|
||||
include ".icons/" ~ icon ~ ".svg" %}
|
||||
</div>
|
||||
</a>
|
||||
{% endif %}
|
||||
</nav>
|
||||
{% endif %} {% endif %}
|
||||
|
||||
<!-- Further information -->
|
||||
<div class="md-footer-meta md-typeset">
|
||||
<div class="md-footer-meta__inner md-grid">
|
||||
{% include "partials/copyright.html" %}
|
||||
|
||||
<font color="#B9B9B9">
|
||||
<div class="footer-visit-count" style="display: flex; justify-content: center; align-items: center;">
|
||||
本站访问量：<script async src="//finicounter.eu.org/finicounter.js"></script>
|
||||
<span id="finicount_views"></span> |
|
||||
<footer>
|
||||
<a href="https://icp.gov.moe/?keyword=20230640" target="_blank">萌ICP备20230640号</a>
|
||||
</footer>
|
||||
</div>
|
||||
</font>
|
||||
<div class="footer-wrapper">
|
||||
<!-- 访问统计区域 -->
|
||||
<div class="footer-content">
|
||||
<div class="footer-visit-count">
|
||||
<div class="footer-item">
|
||||
<!-- <span class="footer-icon">👀</span> -->
|
||||
<span>本站访问量：</span>
|
||||
<span id="finicount_views" class="footer-highlight"></span>
|
||||
</div>
|
||||
|
||||
<div class="footer-item">
|
||||
<!-- <span class="footer-icon">📝</span> -->
|
||||
<a
|
||||
href="https://icp.gov.moe/?keyword=20230640"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="icp-link"
|
||||
>萌ICP备20230640号</a>
|
||||
</div>
|
||||
|
||||
<div class="footer-item runtime-info">
|
||||
<!-- <span class="footer-icon">⏱️</span> -->
|
||||
<span>本站已经运行</span>
|
||||
<span id="box1" class="footer-highlight"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 移动端简洁布局 (仿 footercopy.html) -->
|
||||
<div class="footer-visit-count-mobile">
|
||||
<span>本站访问量：</span>
|
||||
<span id="finicount_views_mobile" class="footer-highlight"></span>
|
||||
|
|
||||
<a
|
||||
href="https://icp.gov.moe/?keyword=20230640"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
class="icp-link"
|
||||
>萌ICP备20230640号</a>
|
||||
<!-- | -->
|
||||
<span class="runtime-info">
|
||||
<span>本站已经运行</span>
|
||||
<span id="box1_mobile"></span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- 版权信息和社交媒体水平布局 -->
|
||||
<div class="footer-bottom-section">
|
||||
<div class="md-footer-copyright">
|
||||
<p>Copyright © 2022-2025 Wcowin</p>
|
||||
<p>Made with <a href="https://squidfunk.github.io/mkdocs-material/" style="color: #518FC1; text-decoration: none;">Material for MkDocs</a></p>
|
||||
</div>
|
||||
|
||||
{% if config.extra.social %}
|
||||
<div class="footer-social">
|
||||
{% include "partials/social.html" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
// 避免变量冲突，将所有代码包装在立即执行函数中
|
||||
|
||||
function timingTime() {
|
||||
const start = "2023-10-14T00:00:00";
|
||||
const startTime = new Date(start).getTime();
|
||||
const now = Date.now();
|
||||
let diff = Math.floor((now - startTime) / 1000);
|
||||
const days = Math.floor(diff / 86400);
|
||||
diff %= 86400;
|
||||
const hours = Math.floor(diff / 3600);
|
||||
diff %= 3600;
|
||||
const minutes = Math.floor(diff / 60);
|
||||
const seconds = diff % 60;
|
||||
return `${days}天${hours}时${minutes}分${seconds}秒`;
|
||||
}
|
||||
|
||||
// 简化的计时器更新函数
|
||||
function updateTime() {
|
||||
const el = document.getElementById("box1");
|
||||
const elMobile = document.getElementById("box1_mobile");
|
||||
const time = timingTime();
|
||||
|
||||
if (el) el.textContent = time;
|
||||
if (elMobile) elMobile.textContent = time;
|
||||
}
|
||||
|
||||
// 加载访问量计数器
|
||||
async function loadVisitCounter() {
|
||||
try {
|
||||
const script = document.createElement('script');
|
||||
script.src = '//finicounter.eu.org/finicounter.js';
|
||||
script.async = true;
|
||||
script.onerror = function() {
|
||||
console.log('访问量计数器加载失败，使用备用显示');
|
||||
const desktop = document.getElementById("finicount_views");
|
||||
const mobile = document.getElementById("finicount_views_mobile");
|
||||
if (desktop) desktop.textContent = '统计中...';
|
||||
if (mobile) mobile.textContent = '统计中...';
|
||||
};
|
||||
document.head.appendChild(script);
|
||||
} catch (e) {
|
||||
console.log('访问量计数器初始化失败:', e);
|
||||
}
|
||||
}
|
||||
|
||||
// 同步访问量显示
|
||||
function syncVisitCount() {
|
||||
const desktop = document.getElementById("finicount_views");
|
||||
const mobile = document.getElementById("finicount_views_mobile");
|
||||
if (desktop && mobile && desktop.textContent && desktop.textContent !== '加载中...') {
|
||||
mobile.textContent = desktop.textContent;
|
||||
}
|
||||
}
|
||||
|
||||
// 监听访问量更新
|
||||
function setupVisitCountObserver() {
|
||||
try {
|
||||
const observer = new MutationObserver(syncVisitCount);
|
||||
const visitCountTarget = document.getElementById("finicount_views");
|
||||
if (visitCountTarget) {
|
||||
observer.observe(visitCountTarget, { childList: true, subtree: true });
|
||||
}
|
||||
} catch (e) {
|
||||
console.log('访问量监听器设置失败:', e);
|
||||
}
|
||||
}
|
||||
|
||||
// 初始化所有功能
|
||||
function init() {
|
||||
// 启动计时器
|
||||
updateTime();
|
||||
setInterval(updateTime, 1000);
|
||||
|
||||
// 加载访问量计数器
|
||||
loadVisitCounter();
|
||||
|
||||
// 设置访问量同步
|
||||
setupVisitCountObserver();
|
||||
|
||||
// 调试信息
|
||||
console.log('页脚功能已启动');
|
||||
console.log('当前时间:', timingTime());
|
||||
}
|
||||
|
||||
// 确保DOM加载完成后再初始化
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', init);
|
||||
} else {
|
||||
init();
|
||||
}
|
||||
|
||||
})();
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.footer-visit-count {
|
||||
height: fit-content;
|
||||
min-height: 55px; /* 根据实际情况调整此高度 */
|
||||
/* 页脚背景配色方案 - 可根据喜好选择 */
|
||||
|
||||
/* 方案1: 现代深蓝灰色调 (当前使用) */
|
||||
.md-footer {
|
||||
background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
|
||||
}
|
||||
</style>
|
||||
{% if config.extra.social %}
|
||||
{% include "partials/social.html" %}
|
||||
{% endif %}
|
||||
|
||||
.md-footer-meta {
|
||||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||||
}
|
||||
|
||||
/* 方案2: 优雅紫色调 (取消注释使用)
|
||||
.md-footer {
|
||||
background: linear-gradient(135deg, #2d1b69 0%, #4c1d95 100%);
|
||||
}
|
||||
|
||||
.md-footer-meta {
|
||||
background: linear-gradient(135deg, #1e1b4b 0%, #2d1b69 100%);
|
||||
}
|
||||
*/
|
||||
|
||||
/* 方案3: 温暖深绿色调 (取消注释使用)
|
||||
.md-footer {
|
||||
background: linear-gradient(135deg, #14532d 0%, #166534 100%);
|
||||
}
|
||||
|
||||
.md-footer-meta {
|
||||
background: linear-gradient(135deg, #052e16 0%, #14532d 100%);
|
||||
}
|
||||
*/
|
||||
|
||||
/* 方案4: 经典深灰色调 (取消注释使用)
|
||||
.md-footer {
|
||||
background: linear-gradient(135deg, #374151 0%, #4b5563 100%);
|
||||
}
|
||||
|
||||
.md-footer-meta {
|
||||
background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
|
||||
}
|
||||
*/
|
||||
|
||||
/* 整体页脚容器 */
|
||||
.footer-wrapper {
|
||||
width: 100%;
|
||||
padding: 0.2rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 版权信息和社交媒体水平布局 */
|
||||
.footer-bottom-section {
|
||||
max-width: 900px;
|
||||
margin: 0.4rem auto 0;
|
||||
padding: 0.4rem 1rem;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.15);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 版权信息 */
|
||||
.md-footer-copyright {
|
||||
text-align: left;
|
||||
font-size: 0.75rem;
|
||||
opacity: 0.8;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
/* 社交媒体图标 */
|
||||
.footer-social {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
gap: 0.3rem;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* Safari兼容性修复 */
|
||||
.footer-social .md-social__link svg {
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* 强制Safari显示SVG图标 */
|
||||
.footer-social .md-social__link {
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
/* 内容区域样式 */
|
||||
.footer-content {
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
padding: 0.4rem 0 0;
|
||||
}
|
||||
|
||||
.footer-visit-count {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 0.3rem;
|
||||
font-size: 0.75rem;
|
||||
color: var(--md-footer-fg-color--light);
|
||||
}
|
||||
|
||||
.footer-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0.4rem 0.8rem;
|
||||
border-radius: 16px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border: 1px solid rgba(255, 255, 255, 0.15);
|
||||
backdrop-filter: blur(10px);
|
||||
min-width: 160px;
|
||||
font-size: 0.8rem;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.footer-item:hover {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border-color: rgba(81, 143, 193, 0.4);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.footer-icon {
|
||||
margin-right: 0.5rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.footer-highlight {
|
||||
color: #939ba2;
|
||||
font-weight: 600;
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
|
||||
.icp-link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.icp-link:hover {
|
||||
color: #518FC1;
|
||||
}
|
||||
|
||||
/* 社交媒体图标样式 - 仅桌面端 */
|
||||
@media (min-width: 76.1875em) {
|
||||
.footer-social .md-social__link {
|
||||
padding: 0.3rem;
|
||||
border-radius: 50%;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
display: -webkit-inline-flex;
|
||||
display: inline-flex;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-transition: all 0.2s ease;
|
||||
transition: all 0.2s ease;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.footer-social .md-social__link svg {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
fill: currentColor;
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.footer-social .md-social__link:hover {
|
||||
background: rgba(81, 143, 193, 0.2);
|
||||
border-color: rgba(81, 143, 193, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
/* 移动端社交媒体图标样式 - 恢复默认样式 */
|
||||
@media (max-width: 76.1875em) {
|
||||
.footer-social .md-social__link {
|
||||
padding: 0.4rem;
|
||||
background: transparent;
|
||||
border: none;
|
||||
width: auto;
|
||||
height: auto;
|
||||
display: inline-block;
|
||||
border-radius: 0;
|
||||
-webkit-transition: color 0.2s ease;
|
||||
transition: color 0.2s ease;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.footer-social .md-social__link:hover {
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: var(--md-accent-fg-color);
|
||||
}
|
||||
|
||||
.footer-social .md-social__link svg {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
fill: currentColor;
|
||||
-webkit-flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* 导航链接样式 */
|
||||
.md-footer__link {
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
.md-footer__link:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* 移动端响应式 - 使用 footercopy.html 样式 */
|
||||
@media (max-width: 76.1875em) {
|
||||
/* 隐藏桌面端的卡片式布局 */
|
||||
.footer-visit-count {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footer-bottom-section {
|
||||
flex-direction: column;
|
||||
gap: 0.6rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.md-footer-copyright {
|
||||
text-align: center;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.footer-social .md-social__link {
|
||||
width: 1.8rem;
|
||||
height: 1.8rem;
|
||||
}
|
||||
|
||||
/* 显示移动端的简洁布局 */
|
||||
.footer-visit-count-mobile {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 0.4em 0.8em;
|
||||
padding: 0.2em 0;
|
||||
font-size: 0.75rem;
|
||||
color: var(--md-footer-fg-color--light);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer-visit-count-mobile > * {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.footer-visit-count-mobile .icp-link {
|
||||
color: var(--md-footer-fg-color--light);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer-visit-count-mobile .icp-link:hover {
|
||||
color: #596875;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* .runtime-info {
|
||||
display: none; 移动端隐藏运行时间
|
||||
} */
|
||||
}
|
||||
|
||||
/* 桌面端隐藏移动端布局 */
|
||||
@media (min-width: 76.1875em) {
|
||||
.footer-visit-count-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.footer-visit-count {
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
gap: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* 深色模式适配 */
|
||||
[data-md-color-scheme="slate"] .md-footer {
|
||||
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
|
||||
}
|
||||
|
||||
[data-md-color-scheme="slate"] .md-footer-meta {
|
||||
background: linear-gradient(135deg, #020617 0%, #0f172a 100%);
|
||||
}
|
||||
|
||||
[data-md-color-scheme="slate"] .footer-item {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
[data-md-color-scheme="slate"] .footer-item:hover {
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
border-color: rgba(81, 143, 193, 0.3);
|
||||
}
|
||||
|
||||
[data-md-color-scheme="slate"] .footer-social .md-social__link {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
border-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</footer>
|
||||
@ -1,7 +1,7 @@
|
||||
:root > * {
|
||||
--md-primary-fg-color: #4c94cb;
|
||||
--md-primary-fg-color--light:#4c94cb;
|
||||
--md-primary-fg-color--dark: #4c94cb;
|
||||
--md-primary-fg-color: #1D2636;
|
||||
--md-primary-fg-color--light:#1D2636;
|
||||
--md-primary-fg-color--dark: #1D2636;
|
||||
|
||||
}
|
||||
/* 给所有元素加上边框 */
|
||||
@ -15,7 +15,7 @@ button.md-top {
|
||||
font-family: LXGW WenKai; /* 修改字体 */
|
||||
font-size: 16px; /* 修改字体大小 */
|
||||
font-weight: lighter;/* 修改字体粗细 */
|
||||
color: #518FC1; /* 修改字体颜色 */
|
||||
color: #1D2636; /* 修改字体颜色 */
|
||||
}
|
||||
|
||||
:root {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user