着陆页模板
Archbee 提供 white label 的 Landing Page 模板，因此您可以轻松为您的文档门户创建品牌化的 landing page
如何获取 Custom Code
如何使用
要设置 Custom Landing Page，您必须将我们的 custom code 复制到 Space Settings -> Custom Code 和 Landing Page 部分。
每个模板您将拥有 3 个文件： index.html, script.js 和 style.css
每个模板的 3 个文件可在下方找到：
Include Headers 选项卡
复制 包含头部 部分，从 index.html
将其粘贴到 包含头部 部分，位置为 空间设置 -> 定制代码
确保其包含 <head> 标签，然后按 保存
Custom CSS 选项卡
复制 stlye.css 文件的内容
并将其添加到 Space Settings -> Custom Code 中的 定制CSS 部分。确保它们被包含在 <style></style> 标签中。
样式代码从几个变量声明开始，可用于轻松更改页面的主题：
:root {
--accent-text: #2166ae;
--secondary-text: #0a4563;
--primary-text: #24292e;
--background-color: #fff;
--primary-link: #999;
--accent-link: var(--accent-text);
--header-title-color: #fff;
--header-subtitle-color: #fff;
}Custom JavaScript
复制来自 script.js
将其添加到 Space Settings -> Custom Code 中的 定制 Javascript 部分
确保它们包含在 <script></script> 标签中。
Landing page HTML
复制来自 index.html 的 HTML 代码，从 <!-- START Landing page -- > 注释开始。
选择 定制 HTML 登陆页面类型，然后将 HTML 代码添加到下方出现的容器中。
如何自定义代码
Logo + 图片
所有图片和徽标都使用以下格式的占位符定义： <img src="https://placehold.co/..." ... /> 如下例所示：
导航栏链接
导航栏包含一些可用于在文档内或文档外导航的链接。在列表末尾还有一个注释掉的链接，可根据需要用于添加其他链接。
主视觉（Hero）部分
包含背景图像、标题和副标题（其颜色可在样式 样式 部分中进行更改）
文档区块
一个区块列表，包含图标、标题、描述和按钮，通常用于导航到您的文档。示例在列表末尾被注释掉。
