0

0

Linux用Caddy服务器一键HTTPS运行HTML+CSS项目

絕刀狂花

絕刀狂花

发布时间:2025-11-16 15:49:02

|

725人浏览过

|

来源于php中文网

原创

Caddy可一键部署HTML+CSS项目并自动启用HTTPS。1. 通过官方脚本安装Caddy;2. 将网页文件放入/var/www/mywebsite并设权限;3. 编辑/etc/caddy/Caddyfile配置域名与根目录;4. 重启Caddy,域名解析生效后自动获取SSL证书并开启HTTPS访问。

linux用caddy服务器一键https运行html+css项目

想在Linux上快速部署一个HTML+CSS项目,并自动启用HTTPS?Caddy 是目前最简单的选择。它内置自动申请和配置SSL证书功能,无需手动操作,真正做到“一键HTTPS”。

1. 安装Caddy服务器

现代Caddy版本提供一键安装脚本,适用于主流Linux发行版(如Ubuntu、CentOS等)。

  • 打开终端,运行官方安装命令:

sudo apt install -y debian-keyring debian-archive-keyring apt-transport-https
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/gpg.key' | sudo gpg --dearmor -o /usr/share/keyrings/caddy-stable-archive-keyring.gpg
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/debian.deb.txt' | sudo tee /etc/apt/sources.list.d/caddy-stable.list
sudo apt update
sudo apt install caddy

  • 安装完成后,Caddy会自动作为系统服务运行(使用 systemd 管理)。

2. 准备你的HTML+CSS项目

将你的静态网页文件(如 index.html、style.css、images/ 等)放到一个目录中,例如:

立即学习前端免费学习笔记(深入)”;

/var/www/mywebsite

  • 确保Caddy有权限读取该目录:

sudo chown -R www-data:www-data /var/www/mywebsite

3. 配置Caddy启用HTTPS

Caddy通过 Caddyfile 配置网站行为。编辑默认配置文件:

Peachly AI
Peachly AI

Peachly AI是一个一体化的AI广告解决方案,帮助企业创建、定位和优化他们的广告活动。

下载

sudo nano /etc/caddy/Caddyfile

写入以下内容(替换 yourdomain.com 为你的真实域名):

yourdomain.com {
    root * /var/www/mywebsite
    file_server
}

  • root 指定网站根目录
  • file_server 启用静态文件服务
  • 保存并退出(Ctrl+O, Enter, Ctrl+X)

重启Caddy使配置生效:

sudo systemctl reload caddy

4. 自动HTTPS生效

只要你的域名已正确解析到当前服务器IP,Caddy会在启动时自动:

  • 向 Let's Encrypt 申请免费SSL证书
  • 配置HTTPS(443端口
  • 定期自动续期证书

访问 https://yourdomain.com 即可看到你的HTML+CSS项目安全运行。

基本上就这些。Caddy让部署静态网站变得极其简单,特别适合个人项目、作品集或前端演示页。不需要Nginx复杂配置,也不用手动处理证书,省时又省心。

相关专题

更多
nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

227

2023.07.27

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

491

2023.08.04

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

496

2023.08.04

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

223

2024.02.23

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

329

2024.07.09

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

3505

2024.08.07

css
css

css是层叠样式表,用来表现HTML或XML等文件样式的计算机语言,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

503

2023.06.15

css居中
css居中

css居中:1、通过“margin: 0 auto; text-align: center”实现水平居中;2、通过“display:flex”实现水平居中;3、通过“display:table-cell”和“margin-left”实现居中。本专题为大家提供css居中的相关的文章、下载、课程内容,供大家免费下载体验。

261

2023.07.27

php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

74

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

CSS教程
CSS教程

共754课时 | 17.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号