27套设计精美、响应式、支持暗黑模式的静态网站首页源码

仓库地址 GitHub https://github.com/kite88/golocaldownload GitCode https://gitcode.com/kite88/golocaldownload Gitee https://gitee.com/kite88/golocaldownload 方式一：本地源码部署、二次开发 Step 1 代码拉下来 (以GitCode为例) 复制代码 git clone https://gitcode.com/kite88/golocaldownload.git Step 2 把config文件下的env.ini.local改为env.ini 说明： env.ini文件是配置文件，例如，端口配置、存放下载资源目录配置方式二：本地主机运行可执行文件 Step 1 下载发行版，找到对应自己系统平台架构的压缩包下载 github下载地址 gitcode下载地址 gitee下载地址 Step 2 解压后会有可执行程序跟启动脚本说明：访问地址就是 http://本地服务器IP:9801/ ，提供下载的资源就放在当前程序执行的路径 download_lib 目录下方式三：docker部署（得有docker环境） Step 1 代码拉下来 (以GitCode为例) 复制代码 git clone https://gitcode.com/kite88/golocaldownload.git Step 2 进入到项目根目录直...

阅读 »

Go语言实现拼音转化为汉字

星期五, 七月 03, 2026

预先说明：以项目名为 x 作为示例第一步：在GitHub找个汉字拼音字典（随便找了一个输入法项目的字典） https://github.com/MobtgZhang/LingJian-Pinyin/blob/main/data/pinyin_dict.txt 第二步：把字典下载下来放在项目里，例如：data/pinyin_dict.txt x/data/pinyin_dict.txt 第三步：创建 com/pinyin_han.go 文件，把代码复制进去 x/com/pinyin_han.go go 复制代码 package com import ( "bufio" "os" "strings" "sync" ) type PinyinHan struct { pyToHan map [ string ][] string abbrToHan map [ string ][] string // 简拼映射 noToneToHan map [ string ][] string // 无声调映射 mutex sync.RWMutex } func NewPinyinHan () *PinyinHan { return &PinyinHan{ pyToHan: make ( map [ string ][] string ), abbrToHan: make ( map [ string ][] string ), noToneToHan: make ( map [ string ][] string ), } } func (p *PinyinHan) LoadDictionary(filename string ) error { p.mutex.Lock() ...

阅读 »

如何巧妙地利用css让iframe嵌入视频/地图（固定比例自适应）

星期二, 六月 30, 2026

宽度随屏幕 100% 变宽时，高度也按比例（比如 16:9）自动变高。那么不需要任何 JavaScript，纯 CSS 就可以完美实现。 html 复制代码 < div class = "iframe-wrapper" > < iframe src = "//player.bilibili.com/player.html?aid=386733968" allowfullscreen = "allowfullscreen" > </ iframe > </ div > css 复制代码 .iframe-wrapper { width : 100% ; aspect-ratio: 16 / 9 ; /* 核心：让容器始终保持 16:9 的高宽比 */ } .iframe-wrapper iframe { border : 0 ; width : 100% ; height : 100% ; /* iframe 完美填满这个 16:9 的格子 */ } 举个例子

阅读 »

27套设计精美、响应式、支持暗黑模式的静态网站首页源码

资源下载

在线预览

企业/公司/其他官网

企业公司官网

企业官网

响应式公司官网首页

响应式五金供应商网站（支持暗黑模式）

全球贸易解决方案公司企业官网

科技创新协会网站

探索者旅行社官方宣传网站

化妆品销售公司官网首页

数码电子科技城网站

展览会宣传网站

广州城市宣传网站（响应式+暗黑模式）

餐饮/食品/零售行业

家具家居宣传网站设计

珠宝翡翠推广页面（响应式+暗黑模式）

水果店宣传网站设计

小龙虾宵夜档宣传网站

炭火烧烤店宣传网站

小酒馆宣传网站设计

摩托车销售店响应式网站设计

社区桶装水销售点网站

民宿宣传网站设计

健身/体育/娱乐行业

Fitness Club健身俱乐部官方网站

台球俱乐部响应式网站

KTV暗黑风格响应式网站设计

体育健身用品推广页面设计

工具/服务

日期时间选择器插件 - 开发者工具

web支付页面 - 微信支付，支付宝支付

视觉记忆照片墙（带放大功能）

评论

发表评论

热门文章

本地http文件下载服务——golocaldownload 部署方式、二次开发文档

Go语言实现拼音转化为汉字

如何巧妙地利用css让iframe嵌入视频/地图（固定比例自适应）