返回主题列表

Webtrotion

Webtrotion 是一个易于安装、可广泛配置的网站构建器,它使用 Astro 框架与 Notion 结合构建。使用它可以创建易于使用的博客或网站。


价格

免费


创建者
nerdymomocat

为什么选择 Webtrition?

Webtrotion 的构建基于一个简单的想法——大多数基于 Notion 的构建工具,至少需要以下四项中的一项:

  • 一个自定义域名,或者愿意使用类似 Vercel 的域名
  • 只能在 Notion 中编辑博客文章,而页面则在仓库中编辑
  • 需要一些第三方工具,或者不是免费使用的。
  • 不可配置,因为它们要么基于 super.so 等第三方工具,要么配置需要编辑多个代码文件。


而我不想这样。我们想要的是一个能够很好地转换为静态网站、可以免费托管在 GitHub 上并使用 github.io 域名、并且可以同时拥有页面和博客文章并轻松配置的东西。


为什么选择 Notion  Astro

  • 我使用 Notion 来记录所有笔记,将它们下载到 md 文件中,然后仔细规划与 Quartro、Eleventy、Hugo 或 Jekyll 等其他静态网站生成器的推送/拉取逻辑,这对我来说毫无意义。
  • 我本可以使用其他 CMS,但我再次强调,我使用 Notion,并且将内容保存在一处更容易。Notion 还提供了其他 CMS 不具备的有趣特性:各种组件的所见即所得编辑器、块级权限(用于向文章文本添加草稿)、轻松协作等。
  • 有一些 NextJS 选项可以满足这个标准,但我对 NextJS 不熟悉,目前也不想去深入研究,例如: Notion Next、 Morethan-log 和 Notion-Blog-NextJs

主要功能

  • Astro v4.11
  • 与 Notion 集成,不仅能创建博客,还能创建整个网站
  • 单文件配置
  • TailwindCSS 实用类 并针对 所有 元素 实现 Notion 颜色 匹配。
  • 可访问、语义化的 HTML 标记
  • 响应式和 SEO 友好
  • 深色/浅色模式,使用 Tailwind 和 CSS 变量,可通过单个配置文件修改
  • 使用 Satori 生成包含特色图片的开放图谱 PNG 图像
  • 分页
  • 自动 RSS 订阅
  • Webmentions
  • Giscus 评论
  • 自动生成站点地图
  • Pagefind 静态搜索库集成
  • 视图过渡
  • 置顶文章
  • 用于代码块的 Shiki Transformers
  • 在 Github Actions 上缓存 API 请求输出以实现快速构建
  • 迷你博客流(灵感来自 Linus 的博客流
  • 自动生成相关内容和链接到此页面的页面
  • 鼠标悬停时显示类似维基百科的漂亮弹出窗口,适用于任何页面上的任何块链接。