切换主题风格说明
🎨 主题切换概述 Hugo-Teek 项目支持多主题切换，目前内置 3 款主题，每款主题拥有独立的布局风格和功能特性。通过修改配置文件中的 theme 字段，即 …
--
:
--
:
--
博客
共 38 篇文章
🏷️
分类导航
📝
文章列表 共 38 篇
HTML语法
HTML 语法示例 基础 HTML 标签 基础结构 1<!DOCTYPE html> 2<html …
修改目录样式
📑 目录样式修改概述 Hugo-Teek 主题支持通过 CSS 变量自定义文档落地页左侧目录的样式，包括文本颜色、背景色、悬停效果等。通过统一的 CSS 变量系 …
站点监控页面配置说明
🔍 站点监控页面概述 Hugo-Teek 主题支持接入第三方站点监控服务，实时展示站点的运行状态、可用性、响应时间等关键指标。通过监控页面，访客可以了解站点的服 …
网站统计页面配置说明
📊 网站统计页面概述 Hugo-Teek 主题提供完善的网站统计功能，支持多种统计服务接入，包括不蒜子访问统计、Umami网站分析、51.LA统计组件等，帮助博 …
站点统计卡片配置说明
📊 站点统计卡片概述 站点统计卡片展示站点的基本统计信息，包括文章数、分类数、标签数等，让访客快速了解站点规模，也展示了博主的创作成果。 ✨ 卡片特性 🎨 设计 …
友链卡片配置说明
🔗 友链卡片概述 友链卡片展示站点的友情链接，支持分组显示和自动轮播，方便访客发现其他优质博客，也是博主之间交流互动的重要方式。 ✨ 卡片特性 🎨 设计特性 分 …
热门标签卡片配置说明
🏷️ 热门标签卡片概述 热门标签卡片以标签云形式展示站点的热门标签，标签大小代表使用频率，帮助访客快速了解站点内容主题，也方便发现相关文章。 ✨ 卡片特性 🎨 …
分类卡片配置说明
📂 分类卡片概述 分类卡片展示站点的文章分类统计信息，以列表形式显示各个分类及其文章数量，帮助访客快速了解站点内容结构。 ✨ 卡片特性 🎨 设计特性 分类列表： …
精选文章卡片配置说明
⭐ 精选文章卡片概述 精选文章卡片展示被标记为【精选】的文章列表，用于突出显示优质内容，帮助访客快速发现站点的精华文章。 ✨ 卡片特性 🎨 设计特性 精选标记： …
最近评论卡片配置说明
💬 最近评论卡片概述 最近评论卡片展示站点最新的评论内容，增强站点互动性，让访客快速了解最新的讨论热点。 ✨ 卡片特性 🎨 设计特性 评论预览：显示评论内容和评 …
时间进度卡片配置说明
⏱️ 时间进度卡片概述 时间进度卡片以进度条形式展示年、月、周、日的时间流逝进度，提醒访客珍惜时间，也为站点增添动态元素。 ✨ 卡片特性 🎨 设计特性 四级进 …
日历卡片配置说明
📅 日历卡片概述 日历卡片以热力图形式展示文章发布记录，直观显示博主的更新频率和活跃程度。类似 GitHub Contributions 图表，颜色深浅代表当天 …
Banner区域配置说明
🎨 Banner区域配置概述 Hugo-Teek 主题的 Banner 区域是首页的视觉焦点，包含全屏背景图轮播、动态副标题打字机效果、波浪过渡动画等元 …
关于我页面配置说明
👤 关于我页面概述 Hugo-Teek 主题提供了一个精美的「关于我」页面模板，复刻张洪Heo风格设计，包含头像展示、个人介绍、技能展示、生涯时间线、心路历程等 …
公告卡片配置说明
📢 公告卡片概述 公告卡片用于在首页侧边栏显示站点公告信息，适合发布重要通知、更新日志、活动推广等内容。 ✨ 卡片特性 🎨 设计特性 醒目展示：位于侧边栏显眼位 …
博主卡片配置说明
👤 博主卡片概述 博主卡片是 Hugo-Teek 主题首页侧边栏的核心组件，始终显示在侧边栏最顶部（无开关控制）。它展示博主的个人信息、头像、状态表情和社交链 …
搜索功能配置说明
🔍 搜索功能概述 Hugo-Teek 主题内置强大的离线全文搜索功能，基于 FlexSearch 搜索引擎实现。无需依赖第三方服务，即可在本地提供极速的搜索体 …
赞赏图配置说明
💰 赞赏图配置概述 Hugo-Teek 主题内置了优雅的赞赏功能，支持微信支付和支付宝两种打赏方式。赞赏功能采用可折叠设计，点击按钮后展开显示二维码，既美观又不 …
评论功能配置说明
💬 评论功能配置概述 Hugo-Teek 主题内置强大的评论系统支持，目前默认集成 Twikoo 评论系统。Twikoo 是一个简洁、安全、免费的静态网站评论系 …
网站导航页面配置说明
🧭 网站导航页面概述 Hugo-Teek 主题内置了精美的网站导航页面功能，支持分组展示、卡片式布局、徽章标记等特性。通过数据驱动的方式，您可以轻松管理和展示常 …
底部配置说明
🦶 底部栏配置概述 Hugo-Teek 主题提供高度可定制的站点底部栏（Footer），支持服务徽章展示、版权信息、ICP备案、不蒜子网站统计、个性化箴言等多种 …
导航栏配置说明
🧭 导航栏配置概述 Hugo-Teek 主题采用灵活的菜单配置系统，支持多级下拉菜单、图标配置、外部链接等多种功能。导航栏配置采用 TOML 格式， …
友链页面配置说明
🌐 友链页面配置概述 Hugo-Teek 主题内置了精美的友链页面模板，支持分组展示、头像显示、描述信息、链接统计等功能。友链配置采用 YAML 格式数据文件， …
内容创作指南
🎯 创作前准备 在开始创作之前，了解 Hugo-Teek 的内容组织方式和创作规范，能让你的写作更加高效。 内容存储位置 文档目录📁 文章存放建议📝 …
Hugo-Teek博客介绍
🎉 Hugo-Teek 是什么？ Hugo-Teek 是一款基于 VitePress Teek 主题风格移植的 Hugo 静态网站主题，专为技术博客、文档站点和 …
部署与使用Hugo-Teek
🎉 项目简介 Hugo-Teek 是一款基于 VitePress Teek 主题移植的 Hugo 静态网站主题，专为技术博客和文档站点设计。 …
代码块扩展语法
代码块扩展语法示例 代码选项标签卡 1 2::: code-group 3 4```md [代码示例选项01🔜] …
代码块语法
🔤 代码块语言图标功能 本主题支持自动识别代码块语言并显示对应的官方品牌图标，提升代码可读性和视觉体验。 🎯 支持的编程语言 🌐 …
一个PHP的图片API
没有介绍 也没有废话 复制粘贴到一个PHP后缀的文件 然后丢服务器根目录就行了啦~ 1<?php 2/ ---------- …
表格语法
Hugo Teek WordPress LoliMeow Shiroki 平台 Hugo 静态站点 WordPress 动态 CMS 风格 VitePress …
警告容器语法
GitHub 风格警告容器 - 即引用语法 💡 这是一个GitHub 风格警告容器【引用语法】提示容器，用于提供额外的信息或说明。 1> 💡 这是一 …
基础MD语法
标题语法 一级标题 1# 一级标题 二级标题 1## 二级标题 三级标题 1### 三级标题 四级标题 1#### 四级标题 五级标题 1##### 五级标题 …
Hugo-Teek 小白首选，一款简约、唯美、丝滑且强大的博客和文档库二合一
Hugo-Teek 小白首选，一款简约、唯美、丝滑且强大的博客和文档库二合一 为什么要创建个人博客 个人博客，不止是技术的记录，也是生活，更是人生。 让别人拿着 …
手把手部署hugo-teek博客到公网教程(无坑版)
手把手部署hugo-teek博客到公网教程(无坑版) 本次是v2-2026.2.7版本。 使用eo+cos来部署自己的hugo-teek博客到公网。（0服务器方 …
音频语法
音频语法 本地音频 1<audio src="/audio/demo.mp3" controls></audio> 多格 …
视频语法
视频语法 本地视频 1<video src="/videos/demo.mp4" controls …
图片语法
图片语法 基础图片 1 带标题的图片 1![示例图 …