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

最后更新于:

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

目录

[toc]

网站效果

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简介

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特色是什么?

hugo-teek目前的4大核心:

  1. 唯美的博客风格
  2. 丝滑的博客体验
  3. 极致的构建速度
  4. 灵活的配置中心(实现中)(通过点点点就可配置博客,无需接触代码,用户只需要维护好自己的md即可)

Q4:hugo-teek部署简单吗?

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

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

Q5:hugo-teek需要后端吗?

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

网站风格

简约、唯美、丝滑且强大。😊

写在前面

  1. 凡是不支持将本地文档库渲染到首页博客的博客都❌;
  2. 凡是不支持本地md维护的博客都❌;
  3. 凡是部署复杂、配置复杂的博客都❌;
  4. 凡是耗费大配置云服务器的博客都❌;
  5. 凡是太过于花里胡哨的博客都❌;
  6. 凡是页面不流畅、样式不唯美的博客都❌;
  7. 凡是作者未能持续更新、优化的博客都❌;

网站部署

具体手把手部署教程,请看如下文章:

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

前世今生

自己之前和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类型博客速度远超其它类型博客。

2.理念超前

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

3.支持配置中心

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

4.继承了teek博客的优秀风格

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

5.开发能力很强的xgq大佬

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

6.汲取精华去其糟粕,可持续迭代

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

文档

致谢

  • 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,萝卜白菜,各有所爱,用哪个都行,最重要是维护好博客内容。

项目成员

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

联系我(加微信沟通群)

请加我微信,进入hugo-teek微信沟通群:

我的微信:

image-20230107215114763

hugo-teek微信沟通群:

结束。

推荐使用微信支付
微信支付二维码
推荐使用支付宝
支付宝二维码
最新文章

文档导航