Caddy一键HTTPS，HTML+CSS本地站安全又丝滑！

Caddy可一键启用本地HTTPS，1.通过file-server命令快速启动加密站点；2.利用Caddyfile绑定自定义域名并自动获取证书；3.支持HTTP/2与Gzip压缩提升加载速度。

如果您正在搭建一个本地HTML+CSS网站，并希望快速启用HTTPS以实现安全访问和更流畅的浏览体验，可以借助Caddy服务器轻松实现一键HTTPS。传统方式配置SSL证书流程繁琐，而Caddy默认自动申请并续签TLS证书，让本地站点也能拥有生产级安全性能。

本文运行环境：MacBook Pro，macOS Sonoma

一、使用Caddy内置服务启动本地HTTPS站点

此方法利用Caddy作为静态文件服务器，自动侦听本地请求并代理内容，无需手动配置证书即可启用HTTPS。

1、确保已安装Caddy，可通过终端执行 caddy version 验证是否安装成功。

立即学习“前端免费学习笔记（深入）”；

2、将您的HTML+CSS项目文件放入指定目录，例如 ~/Sites/local-site/。

3、在终端中进入该项目目录，运行命令 caddy file-server --browse --listen :443 启动服务。

4、打开浏览器访问 https://localhost，您将看到站点已通过HTTPS加载，且地址栏显示安全锁标志。

二、通过Caddyfile配置自定义域名本地HTTPS

此方法适用于需要绑定自定义本地域名（如 site.test）的场景，便于团队协作或模拟真实部署环境。

1、编辑或创建名为 Caddyfile 的文本文件，在其中添加如下内容：

一键职达

AI全自动批量代投简历软件，自动浏览招聘网站从海量职位中用AI匹配职位并完成投递的全自动操作，真正实现'一键职达'的便捷体验。

79

查看详情

site.test {
root * /Users/yourname/Sites/local-site
file_server
}

2、修改系统hosts文件，执行命令 sudo nano /etc/hosts，添加一行 127.0.0.1 site.test。

3、保存并退出后，在Caddyfile所在目录运行 caddy run 启动服务。

4、浏览器访问 https://site.test，Caddy会自动完成TLS握手并提供加密服务。

三、启用HTTP/2与自动压缩优化传输效率

Caddy默认支持HTTP/2和Gzip压缩，可显著提升本地站点资源加载速度，实现“丝滑”体验。

1、在Caddyfile中为站点块添加指令 encode gzip，启用响应体压缩。

2、确保客户端使用支持HTTP/2的浏览器（如Chrome、Safari），访问时可通过开发者工具查看协议版本。

3、观察网络面板中的资源大小与加载时间，对比启用前后性能差异。

4、停止服务时按 Ctrl+C 结束进程，所有配置即时生效无需重启。

以上就是Caddy一键HTTPS，HTML+CSS本地站安全又丝滑！的详细内容，更多请关注php中文网其它相关文章！