PrimeEdge 主题教程

主题介绍

PrimeEdge 主题简介和设计理念

主题介绍

什么是 PrimeEdge?

PrimeEdge 是一款为 Hugo 静态网站生成器开发的现代化博客主题。它诞生于作者对个人博客的极致追求——既要美观大方,又要功能强大;既要简洁易用,又要个性十足。

在当前完整方案中,PrimeEdge 不只是一个主题仓库,还包含三套配套系统:Hugo 静态博客、PrimeEdge Admin 后台管理系统,以及 Waline On EdgeOne 评论系统。博客负责公开展示内容,Admin 通过 Gitee / GitHub API 管理仓库文件,Waline On EdgeOne 通过 EdgeOne Pages Functions 和 EdgeOne KV 提供动态评论能力。

设计理念

1. 简洁而不简单

PrimeEdge 的界面设计遵循"少即是多"的原则。去除冗余元素,保留核心功能,让内容成为绝对的主角。

2. 内容至上

无论是技术文章、生活随笔,还是摄影作品,PrimeEdge 都能完美呈现。多种内容类型支持,满足不同的创作需求。

3. 极致体验

从页面加载到交互反馈,每一个细节都经过精心打磨。深色模式、搜索功能、目录导航,一切都是为了让阅读更加舒适。

主题特色

🎨 视觉设计

  • 5 种首页风格 - 个人生活、简洁笔记、技术博客、卡片风格、多栏风格一键切换
  • 玻璃拟态效果 - 使用 backdrop-filter 实现的现代视觉效果
  • 精心调校的色彩 - 浅色/深色模式都经过精心设计
  • 流畅的动画 - 恰到好处的过渡效果,不喧宾夺主

📝 内容支持

  • 文章 - 标准博客文章,支持封面、分类、标签
  • 笔记 - 快速记录想法,简洁高效
  • 文档 - 技术文档,支持侧边栏导航
  • 投资笔记 - 记录投资收益,自动计算收益率
  • 好物推荐 - 分享值得买的产品

🚀 功能特性

  • 相册 - 瀑布流展示照片,支持灯箱查看
  • 书签 - 管理常用网站,分类展示
  • 搜索 - 全文搜索,即时结果
  • 评论 - Waline On EdgeOne / Twikoo 评论系统集成
  • 归档 - 按时间自动归档

🖥️ 后台管理系统

  • 可视化管理 - PrimeEdge Admin 全功能后台
  • 多平台支持 - 支持 Gitee 和 GitHub 双平台托管
  • 在线编辑 - Markdown 编辑器 + 实时预览
  • 评论管理 - 绑定 Waline KV 后可审核、回复、置顶、删除评论
  • 站点配置 - 在线维护 config.toml、留言板、关于页、服务页等单页内容
  • 多端适配 - PC、平板、手机响应式后台
  • 版本检测 - 自动检测主题和后台更新
  • 分类同步 - 分类重命名自动同步所有关联文章

⚡ 性能优化

  • 响应式设计 - 完美适配桌面、平板、手机
  • 懒加载 - 图片按需加载,节省带宽
  • 代码压缩 - 自动压缩 CSS/JS
  • SEO 友好 - 完善的 SEO 支持

适用场景

PrimeEdge 特别适合以下类型的网站:

  • 个人博客 - 记录生活、分享技术
  • 知识库 - 整理学习笔记、技术文档
  • 作品集 - 展示摄影作品、设计作品
  • 投资日记 - 记录投资心得、收益情况

技术栈

  • Hugo - 世界上最快的静态网站生成器
  • HTML5 + CSS3 - 现代网页技术
  • JavaScript - 原生 JS,无框架依赖
  • Font Awesome - 图标字体
  • Fuse.js - 模糊搜索库
  • EdgeOne Pages - 推荐部署平台,承载博客静态站点、后台 Functions 和评论 Functions
  • EdgeOne KV - 保存后台设置、登录限流、评论、用户和评论系统配置
  • PrimeEdge Admin - 配套后台管理系统(EdgeOne Pages Functions + Gitee / GitHub API)
  • Waline On EdgeOne - 配套评论服务,兼容 @waline/client v3 和 Waline Admin

浏览器支持

  • Chrome / Edge (最新 2 个版本)
  • Firefox (最新 2 个版本)
  • Safari (最新 2 个版本)
  • 移动端浏览器 (iOS Safari, Chrome for Android)

下一步

评论

0%