ArcBlock 的新网站发布了，本文带您来全面揭秘和剖析我们自己如何构建 ArcBlock 新网站，看看我们如何以使用可重用的Blocklets来构建ArcBlock网站，我们做到的您也可以轻松做到！
ArcBlock 站点建立在 ArcBlock之上#
下面就是我们 ArcBlock 官网的管理后台：
熟悉了解ArcBlock 的 Blocklet 产品的朋友一定会一眼就认出这是标准的 Blocklet 管理后台的界面。 那么就让我们来看看，这些后台里透露了哪些秘密。
运行在 Serverless 服务之上#
右上角的订阅状态提醒表示我们的官网是一个标准的使用我们自己的Launcher 业务来运行的 Serverless 服务。 合理显示目前的订阅还有198天会到期，不过不用担心，我们已经使用了我们的 Payment Kit 提供的自动续费订阅，系统会在即将到期的时候自动邮件或者通知提醒我们，并且会自动续费。 在续费成功或者出现意外的时候，我们都会第一时间收到通知。
把官网建立在我们自己的标准对外服务之上，体现了我们对自己平台的信心。使用ArcBlock的 Serverless 服务，你可以获得和我们的官网完全对等的服务。采用 Serverless 方式来运行网站，可以更好地适应网站流量的变化，更高的安全性，更少的运行维护成本。
我们ArcBlock 自己的绝大多数服务都采用我们自己的对外服务来提供， 和任何一个正常使用 ArcBlock服务的客户没有任何例外。 我们只有区块链、桥、测试用服务等不采用这些对外服务。
域名、证书的自动管理#
Blocklet 带有完整的域名绑定，和全自动的 HTTPs 证书管理的功能。 尤其 HTTPs 证书，从申请到定期的更新，全自动完成，用户完全不需要关心这些细节问题。
Blocklet 可以绑定任意多个自己的域名，系统也会自动给其分配一些域名用于内部使用。 在我们的 DID Name Service 里的 DID DNS 正式推出后，将能和。DID DNS 结合实现全自动的域名绑定和域名管理维护。
统一登录的DID:Connect#
和所有的Blocklet应用一样，DID:Connect 和完善的基于 DID/VC 的用户管理、用户权限管理是所有的Blocklet 的标准配置。 开发者不需要写一行代码，就拥有了安全、完善、功能强大的，基于最新的 DID/VC 和 DID:Connect协议的用户身份和访问控制系统（IAM）。
ArcBlock的主站还有一个特殊的任务，它会是所有 ArcBlock服务的统一登录服务提供方。 这就是说，以后其他的所有 ArcBlock服务，都会和我们的官网采用统一登录。
使用 DID:Spaces 自动备份#
基于DID:Spaces 的数据备份机制，也是任何 Blocklet 应用的标准配置。ArcBlock的官网充分利用了这个基础的Blocklet 服务，确保数据的安全和可靠。
其他各种功能#
我们可以写一本完整的教程来说明，使用Blocklet架构可以具备的各种功能，但本文就不详细展开了。 下面是一些简要的列表：
- 网站访问统计功能，而且这些统计信息是完全隐私保护的
- 功能模块（Blocklet）的自动升级和热更新
- Sitemap的自动管理维护、搜索引擎优化（SEO） 的自动管理
- 图像、视频资源的自动压缩、优化、CDN优化
- 社交媒体、分享使用的开放图谱协议（Open Graph）的自动化支持
- ...
上述这些都是使用了 Blocklet框架后自动默认就带来的标准服务，也就是任何使用了 Blocklet来构建的服务，不需要任何额外的开发和配置，都具备了上述我们官网的相同能力。 在一个传统的 Web 应用的实现上，以上列举的几乎每一个部分，都需要花费开发、配置和管理的工作量，虽然可能也有一些框架和库提供了一些类似的功能，但仍然需要开发者去集成他们。
ArcBlock 由哪些Blocklet构成？#
ArcBlock 的官网目前使用了下面的这些 Blocklet 来构建。 由于 ArcBlock 是一个组合型架构，任何应用都可以根据需要来安装自己需要的Blocklets来形成最终的服务。 因此，这里只是展示一下写这篇文章的时候，我们采用的Blocklets，您在设计自己的网站的时候，完全可以根据需要自由地组合。
Pages Kit#
您访问的首页就是用 Pages Kit 来搭建的。
Pages Kit 是我们的 Web3 Kit 系列里的一个部件，虽然Pages Kit 本身已经非常强大，其功能你会发现可以媲美一些传统web里的上市公司提供的服务 （例如 Wix，Square Space等）！ 而且由于 ArcBlock的Blocklet框架的组合能力，使得 Pages Kit 可以比目前市场上任何一个可视化Web页面构建工具都来得更为强大。
我们的新首页的交互式产品架构图, 也是采用 Pages Kit来搭建，这是我们最新版本 Pages Kit的强大功能特性，我们会在未来详细专门介绍。
Media Kit (Image Bin)#
这个 Blocklet 会在您安装 Pages Kit 的时候自动被安装。 它的作用是帮你管理任何需要的图片、视频、文件等的上传和处理。
Media Kit 是我们的 Web3 Kit 系列里的一个部件。
Media Kit 还能和其他服务结合，例如和 AI Kit 结合就能自动用 AIGC来产生图片，而不是上传文件； Media Kit 也能和第三方服务，如 Unsplash 结合，让你直接查找需要使用的图片。
Discuss Kit#
Discuss Kit 支持了站点的大部分功能，包括你现在正在阅读的文章。 站点的文章、文档、书签收藏、讨论等全部是由她所支持。Discuss Kit 可以说是一个动态网站构建的瑞士军刀，她和 Pages Kit 完美结合，能完成大部分网站需求的 90%以上的功能。
Discuss Kit 是我们的 Web3 Kit 系列里的一个部件。
AI Kit#
我们的官网包含了 AI 的功能，要开启这些，只需要安装 AI Kit 并订阅其提供的 AI 服务即可。
AI Kit 的设计就是可选的功能增强Blocklet，只要安装了她，所有其他支持 AI能力的Blocklet 都会因此具备 AI 的功能，并且在这里可以统一管理 AI的使用。
Mellisearch #
Mellisearch 目前还只在我们的测试 Store内，她的作用是提供站点的全文搜索功能。
Mellisearch 本身是一个开源部件，我们把她适配为了一个 Blocklet，这是一种典型的Blocklet 构建方式，开发者可以把开源的部件适配为 Blocklet，使得这些开源部件的安装、使用变得极度简单容易。