如何搭建静态网站?

产品功能介绍

静态网站是一个静态网页托管和演示服务,用户可以使用静态网站托管博客项目、官网等静态网页,此模块需要实名认证。通过 CODING 静态网站功能,可以让您极速完成静态网页搭建。

产品功能设置

  • 开发、产品、运维、测试、项目经理用户组默认拥有静态网站的访问权限。

  • 项目管理员用户组拥有静态网站管理权限,可以对静态网站服务进行操作和管理。可以通过项目管理员给成员分配管理、发布、删除等各种权限。

  • 静态网站删除后,部署网站列表将不再显示该静态网站的信息,该部署网站也无法进行访问。

实名认证

在初次使用静态网站服务前,需要团队拥有者完成实名认证。

点击【持续部署】->【静态网站】->【实名认证】。

按照页面提示输入认证信息,完成实名认证后,就可以正常使用静态网站功能了。

详细实名认证过程可点击本链接查看章节《团队设置:实名认证》

静态网站初始化

在【持续部署】->【静态网站】中点击【立即发布静态网站】按钮。

搭建静态网站

  1. 在新建静态网站页面,输入【网站名称】,选择【部署来源】、【触发机制】后,点击【立即部署】按钮。

网站名称:长度不超过 64 个字符。
部署来源:可选择本项目仓库、其他项目仓库、本项目文件,默认选择本项目仓库。
触发机制:可选择自动部署、手动部署,默认选择自动部署。

  1. 在【代码仓库】->【代码浏览】页面点击【新建文件】按钮。

  1. 使用 master 分支向仓库根目录添加静态网站所需的 index.html 文件。

  1. index.html 文件更新后,在静态网站详情页点击【立即部署】按钮。(若选择【自动部署】触发机制,可免去此步。)

  1. 点击静态网站详情页中的【访问地址】,查看上述操作所更新的静态网站页面。

静态网站列表

静态网站列表是该项目内所有静态网站的列表视图,列表包含已创建的静态网站列表和当前选中的静态网站详情。

静态网站详情

静态网站详情展示了静态网站的部署情况、部署记录列表。

  • 部署情况:包含运行中的源码版本、部署时间及访问地址。
  • 部署记录列表:包含状态、编号、部署来源、部署时间、耗时、操作。

静态网站设置

  1. 在静态网站详情页点击右上角【设置】按钮,进入静态网站设置页。

  1. 在静态网站设置页可修改【网站名称】、【部署来源】、【触发机制】,还可进行【自定义域名】、【强制 HTTPS】、【删除网站】的操作。

自定义域名设置

绑定正确的 CNAME 记录类型的自定义域名后,静态网站的访问地址将变为自定义域名。

  1. 在域名服务商的域名解析列表内选择所需域名,进入该域名的解析页面,点击【添加记录】按钮。

  1. 按需选择主机记录、线路类型及 TTL,记录类型选择 CNAME,记录值为静态网站详情页中的访问地址(例如:f5ku56.coding-pages.com),点击【保存】按钮后即可完成该条解析记录添加。

  1. 在【静态网站设置页】->【自定义域名】->【绑定新域名】中输入上述操作所完成解析的域名,点击【绑定】按钮。

  1. 绑定域名成功后,系统将会自动为其申请 SSL/TLS 安全证书。( SSL/TLS 安全证书到期前一周,系统将自动续签。)

强制 HTTPS 访问

可在【静态网站设置页】->【强制 HTTPS 】中开启强制 HTTPS 访问按钮。

启用强制 HTTPS 访问后,任何尝试用 HTTP 协议访问您网站的请求都会被强制跳转到使用 HTTPS 加密协议访问,为保护您的数据安全。

删除静态网站

在【静态网站设置页】->【删除网站】中可删除静态网站。

静态网站删除后,部署网站列表将不再显示该静态网站的信息,该部署网站也无法进行访问。

文档是否对您有用?
感谢反馈有用
感谢反馈没用