驼铃电商导航

📖 项目简介

这是一个基于Hugo框架的电商工具导航网站，集合了各种电商相关的工具、平台和资源链接，方便电商从业者快速访问所需资源。网站名为"驼铃电商导航"，提供了丰富的电商运营工具和资源导航。

📸 界面预览

✨ 项目特点

• 🚀 基于Hugo静态网站生成器 - 快速加载，易于部署
• 📂 分类整理的电商工具资源 - 包括商家软件、电商辅助、直播辅助等
• 🔍 内置搜索功能 - 支持拼音搜索
• 🌓 支持亮色/暗色模式切换 - 提供更好的用户体验
• 📱 响应式设计 - 适配各种设备

🚀 快速开始

本地部署

1. 克隆项目

   git clone https://github.com/your-username/TLS-Nav.git
   cd TLS-Nav

2. 安装Hugo

   # macOS
   brew install hugo
   
   # Windows
   choco install hugo
   
   # Linux
   sudo apt-get install hugo

3. 启动开发服务器

   hugo server -D

4. 访问网站 打开浏览器访问 http://localhost:1313

☁️ Cloudflare Pages部署

前置要求

• 拥有 Cloudflare 账号
• 已将项目推送到 GitHub 或 GitLab 代码仓库

部署步骤

1. 登录 Cloudflare
2. 进入 Pages 服务
3. 点击 "创建项目"
4. 选择 "连接到 Git" 并授权访问你的代码仓库
5. 选择本项目的代码仓库

构建设置

在部署设置页面，配置以下内容：

配置项	值
构建命令	hugo --gc --minify
构建输出目录	public
环境变量	HUGO_VERSION = 0.128.0

📝 内容管理

网站的主要内容通过 data/webstack.yml 文件进行配置，包含了各种分类的网址导航。

📁 项目结构

TLS-Nav/
├── archetypes/                      # Hugo内容模板目录
│   └── default.md                   # 默认内容模板
├── content/                         # 内容目录
│   ├── about.md                     # "关于"页面内容
│   ├── sub1.md                      # 辅助内容页1
│   └── sub2.md                      # 辅助内容页2
├── data/                            # 数据目录
│   └── webstack.yml                 # 主页导航网址数据配置
├── layouts/                         # 布局模板目录
│   ├── _default/                    # 默认布局模板
│   │   └── single.html              # 单页布局
│   ├── nav/                         # 导航相关布局模板
│   │   └── single.html              # 导航单页布局
│   ├── index.html                   # 主页布局
│   ├── search.html                  # 搜索页面布局
│   └── 404.html                     # 404错误页面
├── static/                          # 静态资源目录
│   ├── css/                         # CSS样式文件
│   │   ├── bootstrap.css            # Bootstrap框架CSS
│   │   ├── brands.min.css           # 品牌图标CSS
│   │   ├── font-awesome.min.css     # Font Awesome图标
│   │   ├── nav.css                  # 导航栏样式
│   │   ├── social.css               # 社交分享样式
│   │   └── tabs.css                 # 标签页样式
│   ├── js/                          # JavaScript文件
│   │   ├── bootstrap.min.js         # Bootstrap框架JS
│   │   ├── jquery-1.11.1.min.js     # jQuery库
│   │   ├── lazyload.min.js          # 图片懒加载脚本
│   │   ├── local-search.js          # 本地搜索功能
│   │   ├── nav.js                   # 导航功能脚本
│   │   ├── pinyin-pro-3.19.0.min.js # 拼音搜索支持
│   │   ├── social.js                # 社交分享脚本
│   │   ├── tabs.js                  # 标签页切换脚本
│   │   └── TweenMax.min.js          # 动画效果库
│   ├── webfonts/                    # 网页字体
│   ├── _headers                     # Netlify/Vercel自定义HTTP头
│   ├── _redirects                   # Netlify/Vercel重定向规则
│   └── images/                      # 图片资源目录
├── hugo.toml                        # Hugo配置文件
├── LICENSE                          # 许可证文件
└── README.md                        # 项目说明文档

⚙️ 配置选项

在 hugo.toml 文件中，你可以修改以下配置：

配置项	说明	默认值
title	网站标题	"驼铃电商导航"
params.search.enable	是否启用搜索功能	true
params.darkmode.enable	是否默认使用暗色模式	false
params.pinyin.enable	是否启用拼音搜索功能	true
params.edit.enable	是否显示在线编辑按钮	false
params.github.enable	是否显示GitHub按钮	true

📄 许可证

本项目基于 MIT 许可证开源。

---

_{如果这个项目对你有帮助，请给它一个 ⭐️}