案例研究 · 开源项目网站 · 全球

PowerDNS-AuthAdmin

PowerDNS-AuthAdmin 的官方网站。PowerDNS-AuthAdmin 是一款免费、开源的 PowerDNS 权威 DNS 网页界面，由其贡献者社区开发。NGN 负责打造网站：四个页面回应 DNS 运维人员的搜索需求，展示真实的产品，并身体力行地践行项目所倡导的理念。

访问 powerdns-authadmin.org 开始打造您的网站

项目: 开源的 PowerDNS 网页界面（MIT 许可证）
受众: 全球 DNS 运维人员
上线时间: 2026年10月
NGN 的角色: 负责网站，而非应用本身

项目需求

应用已经超越了它的落地页

PowerDNS-AuthAdmin 原本只有一个手写的落地页。DNS 运维人员寻找 PowerDNS 网页界面的方式有限且可以预见：“PowerDNS admin UI”、“PowerDNS-Admin alternative”（PowerDNS-Admin 替代方案），或搜索他们需要的某项功能，例如单点登录或基于角色的访问控制。

项目的价值观必须在网站本身体现出来：无遥测、无 CDN、快速，并且任何贡献者都能轻松构建。每一项说法都必须出自应用自己的 README、文档或更新日志，版本号只在一个地方设定。

该应用内置 MCP 服务器，因此其受众本就在使用 AI 助手。网站必须便于 AI 助手准确引用。

目标

用专门打造的页面回应这些搜索：功能介绍、公正的对比和常见问题
用真实截图和在线演示展示产品，而不是文字描述
让试用变得简单，提供一键即可复制的快速入门
便于 AI 助手引用
每次发布都保持准确

设计选择

蓝色大括号、绿色“Auth”、深色优先

配色只取自标志：一个带蓝色大括号和绿色“Auth”的等宽字体文字标志，别无其他。开发者工具的用武之地是终端和仪表板，因此网站以深色为主，同时提供完全对等的浅色主题。

配色

#08090d 页面（深色）近黑色，配淡淡的网格和两处柔和光晕
#11141c 卡片（深色）深色主题中的凸起表面
#eceff5 文字（深色）深色主题中的正文
#4f8ef7 品牌蓝标志中的大括号、点缀
#2b6be6 按钮蓝配白色文字可达到 AA 标准的按钮填充色
#38b84f 品牌绿谨慎使用：“Auth”和成功状态
#ffffff 页面（浅色）浅色主题，柔和面板使用 #f6f8fb
#0d1524 文字（浅色）浅色主题中的正文

用作文字的蓝色在每种主题下使用各自的色调（深色主题 #6fa8ff，浅色主题 #1d5fd6），让链接在两种主题下都满足对比度要求，并且两种主题都经过对比度检查。

字体排印

所有可读文字

Inter

字重 400 至 800，只保留网站用到的字形子集：28 KB。预加载，并配有度量匹配的 Arial 后备字体，迟到的字体永远不会让大标题重新排版。

代码、命令、版本号

JetBrains Mono

用于快速入门、版本标签以及呼应标志的等宽字体点缀。子集化后为 14 KB。

早期版本在对比页面上测得 0.10 的布局偏移，原因是字体加载过晚。正是度量匹配的后备字体让它如今降为零。

页面、截图与主题

展示产品的首页

链接到最新版本的发布胶囊标签、主标题、MCP 板块、功能网格、集成、截图展示、Docker Compose 快速入门、简短的常见问题，以及收尾的行动号召。

按任务分组的功能

一份完整的功能目录：访问控制、登录、区域编辑、MCP、拓扑、DNSSEC 和 TSIG、审计、运维以及无障碍。

写成指南的对比页

PowerDNS-Admin 页面介绍了挑选 PowerDNS 网页界面时应关注什么、如何迁移，以及它是否适合您。这不是一篇攻击竞品的文章。

真实截图，匹配您的主题

每个界面都在浅色和深色主题、桌面和手机上分别截图，以固定尺寸的响应式 WebP 提供。显示的是与访客主题相匹配的那一组。

不会闪现错误的主题

一个经 CSP 哈希许可的小型内联脚本，在首次绘制前设定主题。在访客自行选择之前，它跟随操作系统设置，并会记住访客的选择。

无障碍的控件

支持方向键导航的展示标签页、支持键盘和滑动的灯箱、主题切换按钮上的实时标签，以及全站清晰可见的焦点状态。

构建方式

没有框架，无需 npm install

纯 HTML、CSS 和少量原生 JavaScript，由一个零依赖的 Node 脚本生成。任何贡献者都可以克隆代码仓库并在几秒内完成构建，并可部署在任何静态主机上。

单一可信来源

版本号、发布日期、许可证、支持的 PowerDNS 版本和各类链接都存放在一个文件中。每次发布都会同时更新首屏胶囊标签、页脚、结构化数据、llms.txt 以及 security.txt 的到期时间。

文案即数据

功能目录和常见问题都是结构化内容，每一项都以应用自身的文档为依据。

小巧且可缓存

带指纹的静态资源配合长期缓存和预压缩，字体经过子集化，非当前主题的标志则延迟加载。

不使用任何 CDN

每个页面都设有内容安全策略（CSP），内联脚本均经过哈希。唯一的第三方请求是分析，页脚中对此有说明并提供退出选项。

每次部署 1,000 项检查

静态检查器会在每次推送和每次部署前测试标题、描述、链接、结构化数据和安全策略，并进行 HTML 校验。

网站同样开源

网站自身的源代码与应用的源代码一同公开，因此本页面上的一切都可以核查。

静态 HTML
零依赖构建
SoftwareApplication 结构化数据
浅色与深色主题
WebP
CSP

搜索与 AI 答案

被运维人员找到，被 AI 助手引用

每个页面都针对 DNS 运维人员真实会做的一类搜索，结构化数据则精确地描述这款软件。

以软件的方式描述软件

首页上的 SoftwareApplication 和 SoftwareSourceCode 标记包含版本号、许可证、代码仓库和平台信息，并随每次发布更新。

为“替代方案”搜索而设的页面

对比页面专为搜索 PowerDNS-Admin 替代方案的人撰写，全站标题则围绕“PowerDNS admin UI”这类搜索来构建。

十五个可独立成立的答案

支持的 PowerDNS 版本、安装、数据库、单点登录、通行密钥、按客户划分的区域访问权限、集群、API、MCP 和遥测，每一个答案都写得即使脱离上下文也能被引用。

信息密集的 llms.txt

它是什么、最新版本、经过测试的 PowerDNS 版本、它提供的 MCP 工具，以及“no telemetry, no CDN; works air-gapped”（无遥测、无 CDN，可在隔离网络中运行），robots.txt 中则点名列出各 AI 爬虫。

{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "SoftwareApplication" },
    { "@type": "SoftwareSourceCode" },
    { "@type": "Organization" },
    { "@type": "WebSite" },
    { "@type": "BreadcrumbList" },
    { "@type": "FAQPage" }
  ]
}

powerdns-authadmin.org 发布的 schema.org 类型，每个页面一个 JSON-LD 图谱。

成果

满分成绩，无需安装任何东西

100Lighthouse 性能（移动端）
100无障碍、最佳实践和 SEO
1.0 s移动端最大内容绘制（LCP）
280 KB首页总传输量
42 KB两种字体子集化后的总大小
1,000+每次部署的自动检查项

Lighthouse 数据：移动端，线上首页，于 2026年10月19日测得（单次运行；各次运行分数略有差异）。

查看线上网站：powerdns-authadmin.org

项目常见问题

关于 PowerDNS-AuthAdmin 网站的问题

没有找到您的问题？咨询工程师 →

为什么 PowerDNS-AuthAdmin 网站不使用框架构建？

这是一个以内容为主的小型网站，由零依赖脚本生成的纯 HTML 让贡献者无需安装任何东西，访客也几乎无需下载任何东西。首页在移动端 Lighthouse 全部四项指标中均获得 100 分，传输量约为 280 KB。

PowerDNS-AuthAdmin 网站如何与应用的每次发布保持同步？

版本号、发布日期和支持的 PowerDNS 版本只设定一次。首屏胶囊标签、页脚、结构化数据、llms.txt 和 security.txt 都读取这个值，因此每次发布只需修改一行、重新构建并重新部署。

为什么 PowerDNS-AuthAdmin 网站有一个与 PowerDNS-Admin 对比的页面？

许多运维人员是通过搜索 PowerDNS-Admin 的替代方案找到这个项目的，因此该页面直接回答这个问题：两者各自做什么、挑选 PowerDNS 网页界面时应关注什么，以及如何迁移。它写成一份公正的指南，因此值得被引用。

PowerDNS-AuthAdmin 的截图如何匹配访客的浅色或深色主题？

每个界面都在两种主题下截图，网站会显示与当前主题相匹配的那一组，而当前主题在页面绘制之前就已设定。截图以固定尺寸的响应式 WebP 提供，因此切换主题或在手机上加载时布局都不会偏移。

NGN 除了网站之外，也开发了 PowerDNS-AuthAdmin 应用吗？

NGN 负责打造网站。PowerDNS-AuthAdmin 本身是由 The PowerDNS-AuthAdmin Contributors 开发的独立社区项目，采用 MIT 许可证，网站上的每一项说法都取自应用自己的 README、文档和更新日志。

更多作品

我们打造的更多网站

意大利熟食店与咖啡馆 · Narraweena

Google Reviews

What our clients say.

5.0 from 19 Google reviews

We have used Next Generation Networks for several custom solution projects that went well beyond the standard scope listed on their website. Every time, the team has been exceptional—genuinely enthusiastic about tackling complex challenges and consistently delivering solutions that exceed…

James Johnson View on Google

Great internet and phone service, excellent customer service.

Fiori Mercuri View on Google

Impeccable support and service! Would highly recommend.

Samuel Tolentino View on Google

⭐⭐⭐⭐⭐

Great service from Next Generation! They really helped us get our internet running fast and smoothly. The process was easy, and their team was very helpful and responsive. We’re really happy with the improved internet speed and connection. Highly recommended!

Mariwel Largosa View on Google

We engaged Next Generation Networks to build the ecommerce site for South West Apparel, and we couldn't be happier with the result. The team's attention to detail was outstanding. Everything from the layout and product pages to the checkout experience was carefully thought through, and they took…

Houssam Homsi View on Google

Read all 19 reviews Leave us a review

联系我们

想要一个这样的网站吗？

告诉我们您的业务和现有网站。我们会在同一个工作日内给您一份坦诚的评估和方案。

地址

澳大利亚新南威尔士州悉尼

服务时间

每周 7 天，24 小时服务

给我们留言

我们会在同一个工作日内回复

姓名

电子邮件

咨询类型

留言

本网站受 reCAPTCHA 保护，并适用 Google 隐私政策和服务条款。