头像 One
头像 One

更多功能请点顶栏「快捷菜单」

博客 RouxZhee 4840 字 19 分钟 -- 次

RouxZhee-小白首选，一款简约、唯美、丝滑且强大的博客和文档库二合一

最后更新于:

RouxZhee 小白首选，一款简约、唯美、丝滑且强大的博客和文档库二合一

写在前面

重要通告：📢📢📢

Hugo性能强悍+Teek唯美主题+博客后台管理+牛逼的余温大佬=Hugo-Teek is YYDS！👏👏👏

Hugo-teek网站风格：简约、唯美、丝滑且强大。😊

网站效果

Hugo-Teek博客

hugo-teek官方仓库：https://cnb.cool/yuwen-gueen/hugo-teeker-theme

hugo-teek官方站点：https://wiki.xxdevops.cn/

One站点：https://onedayxyy.cn/ （hugo-teek 1号粉丝🤣）

Hugo-Teek简介

Q0：核心特色😍

Hugo-Teek核心特色：

  1. 0服务器 & 0开销 部署
  2. Hugo 的构建速度非常快
  3. 理念超前（具有vdoing思想，文档库和博客二合一；具有完整博客风、简约博客风、简约文档风3种风格）
  4. 支持博客后台管理
  5. 网站快如闪电⚡️（利用eo+cos托管网站）
  6. 继承了teek博客唯美风格
  7. 开发能力很强的余温大佬 & 前端大佬白木的加入
  8. 汲取精华去其糟粕，可持续迭代

Q1：hugo-teek是什么？

宇宙最美博客Teek + 宇宙性能最强博客Hugo + 博客后台管理 = hugo-teek is YYDS😜

Hugo Teek Theme 是将流行的 VitePress Teek 主题完整移植到 Hugo 平台的现代化静态网站主题。它保留了 VitePress Teek 的精美设计，同时利用 Hugo 的极速构建能力，为技术博客、文档库、知识管理系统提供完整的解决方案。

主题内置本地搜索、评论系统、数据统计、VitePress 语法支持等功能，开箱即用，无需复杂配置。

Q2：hugo-teek适合什么人群使用？

  1. IT人员（运维、测试、开发等工程师可以用它来做博客或者文档库）
  2. 非It人员（喜欢记录生活、发表博客、维护资料 的小伙伴）
  3. 也可以做一个公司官网或者某个产品/开源项目的维护文档
  4. ……

Q3：hugo-teek部署简单吗？

超简单，有手就好。(无需接触任何代码及配置)

  1. 本地运行：拉取代码仓库，点击start.bat运行项目（无需任何基础环境配置），浏览器打开访问即可；
  2. 线上发布：cnb + eo + cos ，一键流水线发布自己博客，超丝滑。

Q4：hugo-teek需要后端吗？

不需要，本地运行项目后，打开配置中心（图形化点点点配置自己的博客，自行决定开启或关闭一些功能、配置一些自定义的用户信息），此时需要后端（nodejs），当自己用户数据（博客配置）配置完成后，一键推送线上，我们的线上Hugo-teek博客是无需任何的后端的。

Q5：支持 博客后台管理📌

描述:博客可视化管理配置中心。

🍀 核心思想

博客配置 和 md文档 完全分离，对小白用户来说，只需专心维护md就行，博客配置只需要在图形化上低门槛式的点点点就行，无需接触底层代码，即可拥有一个超级无敌的丝滑博客，彻底解放了双手。

查看更多：

🍀 1.需求背景

任何一款全新的博客，对小白用户来说，如何快速部署起来？如何配置成自己的用户信息？如何自行选择开启或者关闭博客里的一些功能？如何快速升级到最新版本？等等。

对于传统的博客（ssg静态博客、动静分离、动态博客等），以上问题都是一个相对很麻烦的事情。

或许你说有群主耐心的解释、群主详细的文档、群里小伙伴热心的答疑、群里热心小伙伴详细的手把手文档，但是，用户在实际部署和配置过程中，99%存在各种各样的问题🤣。同样，后续新进来的小伙伴也会遇到相同的问题。这样无疑浪费了彼此的大量时间😂。

那么，有什么办法可以解决以上问题呢？

so，hugo-teek的配置中心就可完美解决以上问题。

小白博客用户 拉取hugo-teek源码后，双击点击start.bat脚本后，我们在浏览器通过ip:端口就会打开一个图形化界面。此时，小白用户只需在图形化界面配置一些自己的用户信息，自己选择开启或者关闭一些博客功能，根本无需接触代码，有手就好。

这样是不是非常简单，屏蔽了底层的代码，把简单留给用户，代码开发留给开发者,可以让博客用户专心维护自己的md文档数据，更笨无需关心复杂的博客配置。另外，后续升级，也可以在web上点击一键更新，就可升级到最新版本，尽情享用。

  1. 如果你是小白用户，hugo-teek博客就非常适合你，你无需接触代码，就可享受一个简约、唯美、丝滑、强大的博客，你唯一需要关心的就是你自己的md内容。
  2. 如果你懂代码，想二开hugo-teek，作者源码是公开的，你可以自己二开次项目。或者你懂hugo主题的开发，你也可以提pr。或者你有好的想法或建议，都可以在群里提出来，作者会根据用户需求意愿来决定是否开发次功能。

🍀 2.理想需求

小白博客用户 部署完hugo-teek博客后，需要将原有一些用户自定义信息修改为自己的信息，一般只需要修改如下事项。那么我们只需要在开发模式下运行博客后台，通过图形化界面的 点点点操作 即可完成如下的用户自定义配置信息，非常简单，有手就行。😍

  1. 添加/删除 首页壁纸；更改显示方式（顺序显示/随机显示）；
  2. 自定义打字机内容；选择打字机风格；
  3. 选择向下滚动小箭头风格；
  4. 添加/删除 首页文章封面；
  5. 修改 博客名称、logo 图片、标签页名称及副标题
  6. 修改 个人头像、个人头像背景、个人头像下座右铭、个人联系方式、github地址、首页侧边栏微信公众号
  7. 修改 footer 备案号，公安备案号，座右铭
  8. 搜索配置、评论配置
  9. 选择 网站主题色
  10. 选择 网站字体；新增/删除 网站字体；
  11. 选择 网站风格：文档风、简约博客风、完整博客风（文章卡片风、文章列表风、半图背景、全图背景）等
  12. 添加友联（需要区分为首页友链 和 独立页面友链）；
  13. 添加赞赏人员名单；
  14. f11屏保模式：是否需要显示博客名称、打字机、大波浪；
  15. 丝滑的md编辑界面；
  16. 一键批量导出所有md；

…（目前已知的就这些）

🍀 3.实现方式

单纯就是基于hugo配置文件搞，省去使用者修改配置文件的时间。

图形化动态修改博客配置, 如果要持久化到数据库 就违背了做 静态站的初衷了。

可视化配置后直接修改配置文件吗，是的。只有开发模式才能看到后台，部署到公网不会有后台的。

hugo-teek的配置中心（图形化后台）（只存在开发模式下）；

网站部署

具体手把手部署教程，请看如下文章：

《手把手部署hugo-teek博客到公网》https://onedayxyy.cn/topic/hugo-teek-install/

  1. 0服务器部署，部署过程非常简单详细，全程无坑；
  2. 有了 eo+cos的加持，网站速度快有闪电⚡️；
  3. 群里很多热心小伙伴（例如one、w3c等）全程手把手协助，3s即可部署成功博客；

前世今生

自己之前和hyde、teeker群主等倒腾了好几个月的teek博客（它是一款简约、唯美、丝滑且强大的VitePress主题博客），最近为啥又折腾起来hugo-teek博客了呢？不累吗？🤣

折腾肯定是有原因的，请看下文……

在正式介绍贵宾 hugo-teek之前，先来浅聊下我之前用到的博客大概有哪些？

word-有道云-为知笔记-notion-语雀-飞书-hexo-hugo-mkdocs-docusaurus-halo-ruyu blog（动静分离博客）-蘑菇博客-vuepress(vdoing主题)-vitepress(teek主题)-hugo(hugo-teek主题)……

真的是一路坎坷啊……

到最后发现，还是ssg博客最适合自己（可以写一些日常笔记和零碎文章，也可以很好维护md文档库，最关键是本地用markdown维护，与第三部云笔记厂商解耦，后续迁移博客时很方便，部署简单，也可以无云服务器部署……）。但动静分类服务器（部署复杂，耗用云服务器配置较高……）无疑带给博客用户一定的使用成本。

接下来，我们来看下优秀的hugo-teek博客吧。

迁移原因

提出问题

小白接触一个新博客最常遇到的问题是什么？

  1. 部署繁杂：几乎每个人在部署过程中99%都会遇到各式各样的问题，即使拿着手把手文档或者群主耐心指导，也不例外。
  2. 配置繁杂：博客部署成功后，需要把模板里的一些信息配置为自己的一些信息，需要接触代码，有时候地方还找不到，很浪费时间。
  3. 升级繁杂：每次群主升级博客后，很大可能代码层面也需要做一定的配置，这样无疑增加了博客使用者的成本。

so，有没有一种博客可以解决以上问题呢？毫无疑问，hugo-teek将完全解决以上每一个问题哦。😜

由此可见，hugo-teek是不是很厉害呢？那必须的，具体特色，请继续往下看哦。

1.Hugo 的构建速度非常快

Hugo 的构建速度非常快，相比 VitePress 提升了 10-50 倍（nodejs太重了）。（hugo博客构建速度基本是最快的之一了。）

ssg类型博客速度远超其它类型博客。

自己800多md文档，构建耗时5s，发布到cos5s,即发布一次博客只需10s，yyds；

2.理念超前

hugo-teek 以“将本地目录的 Markdown 文档渲染成博客”这一设计思想贯穿其中，大道至简，实用且强大。

3.支持博客后台管理

hugo-teek的一大特色就是实现了ssg的配置中心，将博客配置 和 md文档 完全分离，对小白用户来说，只需专心维护md就行，博客配置只需要在图形化上低门槛式的点点点就行，无需接触底层代码，即可拥有一个超级无敌的丝滑博客，彻底解放了双手。

4. 0服务器 & 0开销 部署

利用cnb+eo+cos方案部署，一键发布博客，根本无需购买云服务器。

5.网站快如闪电⚡️

有了 eo+cos的加持，网站速度快有闪电⚡️；

5.继承了teek博客唯美风格

hugo-teek是从teek博客迁移过来的，而teek博客本身就非常漂亮、丝滑。

6.开发能力很强的余温大佬 & 前端大佬白木的加入

一个优秀的开源作品必须得持续迭代才行，用户在使用中肯定会有新需求产生，产品也会有新bug被发现。这都需要靠开发者去修复和开发它，对作者的开发能力无疑是一次考验。当然，其中热爱与兴趣才是其可持续开发下去的核心。

7.汲取精华去其糟粕，可持续迭代

hugo-teek项目接受任何人的批评与建议，我们将会把好看的样式放进去，拿掉丑丑的样式。加一些实用的博客模块。持续优化博客性能。让hugo-teek变得更加丝滑、强大。

核心特性

🎨 设计 | Design

  • 精美界面 Beautiful UI - VitePress Teek 风格设计
  • 响应式布局 Responsive - 完美适配桌面/平板/移动端 Desktop/Tablet/Mobile
  • 暗色模式 Dark Mode - 自动切换浅色/暗色主题 Auto light/dark theme switching
  • 三栏布局 3-Column Layout - 侧边栏 + 内容 + 目录 Sidebar + Content + TOC

⚡ 性能 | Performance

  • 极速构建 Fast Build - 基于 Hugo 引擎 Powered by Hugo
  • 本地搜索 Local Search - FlexSearch 离线全文搜索 Offline full-text search
  • 懒加载 Lazy Loading - 图片按需加载 On-demand image loading
  • 热重载 Hot Reload - 开发时实时预览 Real-time preview in dev mode

🛠️ 功能 | Functions

  • 评论系统 Comments - Twikoo 评论支持 Twikoo comment system
  • 数据统计 Analytics - 百度/Umami/不蒜子 Baidu/Umami/Busuanzi
  • 代码高亮 Code Highlight - Monokai 风格 + 复制按钮 Monokai theme + copy button
  • VitePress 语法 VitePress Syntax - 自动转换容器语法 Auto-convert container syntax
  • 自动生成 Auto Generate - 永久链接/索引/排序 Permalinks/Index/Ordering

🎯 开发体验 | Developer Experience

  • 内容监听 Content Watcher - 自动转换 VitePress 语法 Auto VitePress syntax conversion
  • 配置中心 Config Center - Web 界面管理配置 Web-based config management
  • 构建工具 Build Tools - 9 个 Go 工具辅助开发 9 Go tools for development
  • Makefile Makefile - 一键启动/构建/部署 One-command start/build/deploy

技术栈

技术 Technology说明 Description版本 Version
Hugo静态网站生成器 Static Site Generatorv0.150.0+ (Extended)
Go构建工具 Build Toolsv1.21+
SCSS样式预处理器 CSS Preprocessor-
JavaScript前端交互 Frontend InteractionES6+
FlexSearch本地搜索 Local Search-
Twikoo评论系统 Comment Systemv1.6.41
  • 博客依赖的第三方服务
  1. eop（托管web服务）
  2. cnb（存储代码，提供流水线服务）
  3. twikoo（docker部署）、自建二开不算子（go二进制部署）–云服务器
  • 博客最佳实践
  1. 风格简约、体验丝滑、性能强悍、模块完整优先
  2. 尽量减少第三方服务依赖（必须功能可以除外，例如评论、不算子等）

待办清单

https://mcnojgyv44gs.feishu.cn/wiki/AZUDwBcSeicKohkw7Ipc2iGJnFb?from=from_copylink

提交issue

方式1：【BUG提交表单 - Hugo-Teek】 https://mcnojgyv44gs.feishu.cn/share/base/form/shrcnoaAfLW2zjAAEegLU5D7qFg

🍀

方式2：【在hugo-teek官方仓库直接提issue】

https://cnb.cool/yuwen-gueen/hugo-teeker-theme/-/issues

🍀

方式3：【加我微信，进微信群，面基余温群主】

image-20230107215114763

项目成员

  • Teeker（Teek博客作者）（本hugo-teek博客是基于hugo从teek博客迁移过来增强的一个ssg博客，感谢这位大佬开发得优秀博客❤️）
  • 开发者：余温群主（hugo-teek博客主体开发）、白木（前端开发）
  • One（产品经理、测试、宣传大使、文档维护者、hugo-teek形象大使、群里热心大兄弟……）
  • w3c（好的ideal）

联系我

(加微信进hugo-teek官方沟通群)👏

请加我微信，进入hugo-teek微信沟通群：

我的微信：

image-20230107215114763

hugo-teek微信沟通群：

我的博客主旨：

  • 排版美观，语言精炼；
  • 文档即手册，步骤明细，拒绝埋坑，提供源码；
  • 本人实战文档都是亲测成功的，各位小伙伴在实际操作过程中如有什么疑问，可随时联系本人帮您解决问题，让我们一起进步！

🍀 微信二维码

x2675263825 （舍得）， qq：2675263825。

image-20230107215114763

🍀 微信公众号

《云原生架构师实战》

image-20230107215126971

博客案例

One博客 https://onedayxyy.cn/

Yang博客

FAQ

文档

致谢

  • Hugo - 强大的静态网站生成器 Powerful static site generator
  • VitePress Teek - 原始主题设计 Original theme design
  • 所有贡献者和使用者 All contributors and users

许可证

MIT License

联系方式

生态讨论

在讨论选择teek还是hugo-teek时，经常会有一些道友说使用teek博客，其vite/vue生态更好一点。

以下仅仅发表一下个人的观点：

  1. 会代码的大佬已经手搓自己博客（动静分离）了，或者是开发一些博客框架的主题了。99%的小白更倾向于‘直接使用’一款流畅、丝滑、唯美、强大的博客。
  2. 对于代码小白/博客用户，他不关心博客的底层代码如何，生态如何，他只关心博客是否足够流畅、丝滑、唯美、强大？部署/配置/升级等 是否简单？博客功能是否可满足自己需求？博客开发者是否能持续更新博客？

so，萝卜白菜，各有所爱，用哪个都行，最重要是维护好博客内容。

关于我

我的博客主旨：

  • 排版美观，语言精炼；
  • 文档即手册，步骤明细，拒绝埋坑，提供源码；
  • 本人实战文档都是亲测成功的，各位小伙伴在实际操作过程中如有什么疑问，可随时联系本人帮您解决问题，让我们一起进步！

🍀 个人网站：https://onedayxyy.cn/

image-20250109220325748

🍀 微信二维码

x2675263825 （舍得）， qq：2675263825。

image-20230107215114763

🍀 微信公众号

《云原生架构师实战》

image-20230107215126971

🍀 csdn

https://blog.csdn.net/weixin_39246554?spm=1010.2135.3001.5421

image-20230107215149885

🍀 知乎

https://www.zhihu.com/people/foryouone

image-20230107215203185

最后

如果你还有疑惑，可以去我的网站查看更多内容或者联系我帮忙查看。

如果你有更好的方式，评论区留言告诉我。谢谢！

好了，本次就到这里了，感谢大家阅读，最后祝大家生活快乐，每天都过的有意义哦，我们下期见！

结束。

📡
👤 作者: One
🔗 链接: https://onedayxyy.cn/topics/rouxzhee-is-yyds
🌐 版权: 本站文章除特别声明外，均采用 CC BY-NC-SA 4.0 协议，转载请注明来自 One Blog！
最新文章

文档导航