前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >5.Gin 静态文件服务

5.Gin 静态文件服务

作者头像
Devops海洋的渔夫
发布2023-11-20 14:36:43
1860
发布2023-11-20 14:36:43
举报
文章被收录于专栏:Devops专栏

5.Gin 静态文件服务

静态文件服务

当我们渲染的 HTML 文件中引用了静态文件时, 我们需要配置静态 web 服务。

代码示例

准备静态文件

1696178698221

代码语言:javascript
复制
h1{
    color: red;
}

配置静态文件的加载

1696178751358

代码语言:javascript
复制
// 定义静态文件路径
r.Static("/static", "static")

“前面的/static 表示路由 后面的./static 表示路径 ”

在 html 中引入静态文件 css

1696178820218

代码语言:javascript
复制
<!-- 引入css  -->
<link rel="stylesheet" href="/static/css/main.css" />

测试效果

访问 http://localhost:8000/default/index

1696178861698

可以看到已经渲染上 css

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2023-11-20,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 海洋的渔夫 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 5.Gin 静态文件服务
    • 静态文件服务
      • 代码示例
        • 准备静态文件
        • 配置静态文件的加载
        • 在 html 中引入静态文件 css
        • 测试效果
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档