feat: add navigation links management and user registration

Features: - Custom navigation links management in admin settings - Multi-language support for navigation links (Chinese/English) - Control link behavior (open in new window) - Sort order and enable/disable toggle for nav links - User registration system with validation - Admin can enable/disable user registration - Registration form with username, display name, email, password - Link to registration from login page Navigation Links: - Admin interface to add/edit/delete custom nav links - Support for both internal and external URLs - Display links in header navigation bar - Respects language preference User Registration: - Username validation (3-32 characters, alphanumeric + underscore/dash) - Password validation (minimum 6 characters) - Password confirmation matching - Optional display name and email fields - Can be toggled on/off by admin in site settings Templates: - Added navigation links settings page - Added user registration page - Updated login page with registration link - Updated base layout to render custom nav links Documentation: - NAV_LINKS_FEATURE.md - Navigation links feature documentation - REGISTRATION_FEATURE.md - User registration documentation - IMPLEMENTATION_SUMMARY.md - Overall implementation summary Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-22 21:01:38 +08:00
parent 2bdc368399
commit d9bb91af00
18 changed files with 1224 additions and 15 deletions
@@ -0,0 +1,191 @@
+# Navigation Links Management - Implementation Plan
+
+## Overview
+Add a navigation links management feature that allows admins to configure custom links in the header navigation, with support for controlling whether links open in new windows.
+
+## Requirements Analysis
+Based on exploration:
+- User wants to add additional URLs next to "Home" in the header navigation
+- Backend admin interface to manage these URLs
+- Control over whether links open in new windows (target="_blank")
+- The site uses a multi-language system (zh/en)
+
+## Current Architecture Patterns
+
+### Database Models
+- Models are in `/models/` directory
+- Settings tables follow singleton pattern (ID=1) like `SiteSetting`, `CommentConfig`
+- Support for multi-language via `*Zh` and `*En` fields
+- Use GORM with auto-migration in `models/db.go`
+- Config cache system exists (`models/config_cache.go`, `models.LoadConfigCache()`, `models.RefreshConfigCache()`)
+
+### Handlers
+- Settings handlers in `handlers/settings.go`
+- Pattern: `{Feature}SettingsPage()` for GET, `{Feature}SettingsSave()` for POST
+- Uses `DefaultData(c)` helper for common template data
+- Multi-action POST pattern with `action` form field (see upload/download settings)
+- Session-based user ID tracking via `userIDFromSession()`
+
+### Templates
+- Admin templates in `templates/admin/`
+- Settings pages follow consistent UI pattern (tabs, success messages)
+- Header navigation in `templates/layouts/base.html` (lines 24-89)
+- Current navigation shows: Logo/Title, Home link, Login/User dropdown
+
+### Routing
+- Admin routes under `/admin` group with auth + admin middleware
+- Settings routes: `/admin/settings/site`, `/admin/settings/upload`, etc.
+
+### i18n
+- Translation keys in `i18n/i18n.go`
+- Follows pattern: `"feature_field_lang"` or `"feature_action"`
+- Both EN and ZH translations required
+
+## Proposed Implementation
+
+### 1. Database Model: `NavLink`
+Create `models/nav_link.go`:
+```go
+type NavLink struct {
+    ID        uint      `gorm:"primarykey"`
+    TitleZh   string    `gorm:"size:100;not null"`     // Link text (Chinese)
+    TitleEn   string    `gorm:"size:100;not null"`     // Link text (English)
+    URL       string    `gorm:"size:512;not null"`     // Target URL
+    OpenNew   bool      `gorm:"default:false"`         // Open in new window
+    Enabled   bool      `gorm:"default:true"`          // Show/hide link
+    Sort      int       `gorm:"default:0;index"`       // Display order
+    CreatedAt time.Time
+    UpdatedAt time.Time
+    UpdatedBy uint      `gorm:"index"`
+}
+
+// Helper methods
+func (n *NavLink) Title(lang string) string {
+    // Return title for language with fallback
+}
+```
+
+### 2. Database Migration
+Add to `models/db.go` `AutoMigrate()`:
+- Add `&NavLink{}` to the migration list
+
+### 3. Config Cache Integration
+Update `models/config_cache.go`:
+- Add `NavLinks []NavLink` field to cache struct
+- Load nav links in `LoadConfigCache()`
+- Make available to all handlers via middleware
+
+### 4. Backend Handler
+Add to `handlers/settings.go`:
+
+```go
+// NavLinksSettingsPage - render nav links management page
+func NavLinksSettingsPage(db *gorm.DB) gin.HandlerFunc
+
+// NavLinksSettingsSave - handle actions: add, toggle, delete, reorder
+func NavLinksSettingsSave(db *gorm.DB) gin.HandlerFunc
+
+// Helper functions:
+// - addNavLink()
+// - toggleNavLink()
+// - deleteNavLink()
+// - reorderNavLink()
+```
+
+Actions via POST form field:
+- `action=add` - create new link
+- `action=toggle` - enable/disable link
+- `action=delete` - remove link
+- `action=edit` - update link details
+
+### 5. Admin Template
+Create `templates/admin/settings_navlinks.html`:
+- Settings page with tab navigation matching existing pattern
+- Form to add new links (Title ZH/EN, URL, Open in new window checkbox)
+- List of existing links with:
+  - Enable/disable toggle
+  - Edit inline or modal
+  - Delete button
+  - Sort order controls (up/down arrows or drag)
+- Success message display
+- Consistent styling with other settings pages
+
+### 6. Frontend Template Updates
+Update `templates/layouts/base.html`:
+- Modify navigation section (around line 36-42) to render nav links
+- Loop through cached nav links after "Home" link
+- Apply language-specific titles
+- Add `target="_blank"` when `OpenNew` is true
+- Maintain consistent styling with existing nav items
+
+### 7. Routing
+Add to `main.go` settings group (around line 110-121):
+```go
+settings.GET("/navlinks", handlers.NavLinksSettingsPage(db))
+settings.POST("/navlinks", handlers.NavLinksSettingsSave(db))
+```
+
+### 8. i18n Translations
+Add to `i18n/i18n.go` for both EN and ZH:
+```
+"settings_navlinks_title": "Navigation Links"
+"settings_navlinks_desc": "Manage custom links in the header navigation"
+"navlinks_add": "Add Link"
+"navlinks_title_zh": "Link Text (Chinese)"
+"navlinks_title_en": "Link Text (English)"
+"navlinks_url": "URL"
+"navlinks_open_new": "Open in new window"
+"navlinks_enabled": "Enabled"
+"navlinks_edit": "Edit"
+"navlinks_delete": "Delete"
+"navlinks_confirm_delete": "Are you sure you want to delete this link?"
+"navlinks_no_links": "No navigation links configured yet."
+```
+
+## Implementation Order
+
+1. **Create database model** (`models/nav_link.go`)
+2. **Update database migration** (`models/db.go`)
+3. **Update config cache** (`models/config_cache.go`)
+4. **Add i18n translations** (`i18n/i18n.go`)
+5. **Create backend handlers** (`handlers/settings.go`)
+6. **Create admin template** (`templates/admin/settings_navlinks.html`)
+7. **Update frontend header** (`templates/layouts/base.html`)
+8. **Add routes** (`main.go`)
+9. **Test the feature**
+
+## Design Decisions
+
+### Why not singleton table?
+- Multiple nav links needed (vs single config)
+- Better suited for a regular table with multiple rows
+- Easier to add/remove/reorder individual links
+
+### Sort order implementation
+- Use integer `Sort` field
+- Lower numbers appear first
+- Admin can adjust via up/down buttons or explicit number input
+
+### Cache integration
+- Nav links loaded into cache at startup and on refresh
+- Avoids DB query on every page load
+- Consistent with existing upload/comment config pattern
+
+### Open in new window
+- Boolean field `OpenNew`
+- Renders as `target="_blank" rel="noopener noreferrer"` when true
+- Security: always include `rel="noopener noreferrer"` with `target="_blank"`
+
+## Testing Checklist
+
+- [ ] Create new nav link via admin
+- [ ] Nav link appears in header navigation
+- [ ] Correct language displayed based on user preference
+- [ ] "Open in new window" works correctly
+- [ ] Enable/disable toggle works
+- [ ] Delete link works
+- [ ] Sort order affects display order
+- [ ] Links render correctly for logged-in and anonymous users
+- [ ] Multiple links display properly
+- [ ] External and internal URLs both work
+- [ ] Mobile responsive layout maintained
@@ -0,0 +1,122 @@
+# 顶部导航链接管理功能 - 实现总结
+
+## 已实现的功能
+
+✅ **完整的导航链接管理系统**
+- 后台管理界面用于添加、编辑、删除、启用/禁用导航链接
+- 支持中英文双语链接文字
+- 支持设置是否在新窗口打开（自动添加安全属性 `rel="noopener noreferrer"`）
+- 支持自定义排序
+- 前端自动根据用户语言显示对应文字
+
+## 实现的文件
+
+### 1. 数据库模型
+- **models/nav_link.go** - NavLink 模型定义
+- **models/db.go** - 添加了 NavLink 到自动迁移
+- **models/config_cache.go** - 添加导航链接缓存支持
+
+### 2. 后端处理器
+- **handlers/settings.go** - 添加了以下函数：
+  - `NavLinksSettingsPage()` - 管理页面
+  - `NavLinksSettingsSave()` - 保存处理
+  - `addNavLink()` - 添加链接
+  - `editNavLink()` - 编辑链接
+  - `toggleNavLink()` - 切换启用状态
+  - `deleteNavLink()` - 删除链接
+
+### 3. 前端模板
+- **templates/admin/settings_navlinks.html** - 管理页面模板
+  - 添加链接表单
+  - 链接列表展示
+  - 编辑对话框
+  - 启用/禁用、删除操作
+- **templates/layouts/base.html** - 更新导航栏显示链接
+- **templates/admin/settings_*.html** - 更新所有设置页面的标签导航
+
+### 4. 中间件
+- **middleware/auth.go** - 添加导航链接到全局上下文
+- **handlers/helpers.go** - 添加 NavLinks 到 DefaultData
+
+### 5. 路由
+- **main.go** - 添加路由：
+  - `GET /admin/settings/navlinks`
+  - `POST /admin/settings/navlinks`
+
+### 6. 国际化
+- **i18n/i18n.go** - 添加中英文翻译键：
+  - `settings_navlinks_title` - 导航链接
+  - `navlinks_add` - 添加链接
+  - `navlinks_title_zh/en` - 链接文字
+  - `navlinks_url` - 链接地址
+  - `navlinks_open_new` - 在新窗口打开
+  - 等等...
+
+## 功能特点
+
+1. **双语支持** - 自动根据用户语言显示对应的链接文字
+2. **新窗口打开** - 支持设置链接在新标签页打开，带有安全图标提示
+3. **排序功能** - 通过 Sort 字段控制链接显示顺序
+4. **启用/禁用** - 可以临时隐藏链接而不删除
+5. **编辑功能** - 通过模态对话框编辑现有链接
+6. **缓存优化** - 链接数据缓存在内存中，修改后自动刷新
+7. **安全性** - 新窗口链接自动添加 `rel="noopener noreferrer"`
+
+## 使用示例
+
+### 后台管理
+1. 访问 `http://localhost:8080/admin/settings/navlinks`
+2. 填写表单添加新链接
+3. 点击"添加链接"保存
+4. 使用"编辑"按钮修改现有链接
+5. 使用"切换"按钮启用/禁用链接
+6. 使用"删除"按钮移除链接
+
+### 前端展示
+导航链接会自动显示在顶部导航栏：
+```
+[Logo/Title] | [主页] | [关于] | [GitHub ↗] | [用户菜单]
+```
+
+## 测试结果
+
+✅ 添加链接功能正常
+✅ 链接在前端正确显示
+✅ 双语切换正常工作
+✅ 新窗口打开功能正常（带有 target="_blank" 和安全属性）
+✅ 链接显示外部链接图标
+✅ 管理界面正常显示所有链接
+
+## 数据库表结构
+
+```sql
+CREATE TABLE nav_links (
+    id INTEGER PRIMARY KEY,
+    title_zh VARCHAR(100) NOT NULL,
+    title_en VARCHAR(100) NOT NULL,
+    url VARCHAR(512) NOT NULL,
+    open_new BOOLEAN DEFAULT FALSE,
+    enabled BOOLEAN DEFAULT TRUE,
+    sort INTEGER DEFAULT 0,
+    created_at DATETIME,
+    updated_at DATETIME,
+    updated_by INTEGER
+);
+```
+
+## 技术亮点
+
+1. **配置缓存机制** - 使用 sync.RWMutex 保证并发安全
+2. **语言回退** - 如果某个语言的文字为空，自动显示另一个语言
+3. **RESTful 设计** - 使用 action 参数区分不同操作
+4. **模态对话框** - 编辑功能使用模态框，用户体验好
+5. **一致性设计** - 遵循现有代码风格和设计模式
+
+## 下一步建议
+
+如需扩展功能，可以考虑：
+- 添加图标支持（可以为每个链接设置图标）
+- 添加分组功能（将链接分为不同的组）
+- 添加拖拽排序功能（更直观的排序方式）
+- 添加访问统计（记录链接点击次数）
+- 支持下拉菜单（一个链接下有多个子链接）
@@ -0,0 +1,145 @@
+# 导航链接管理功能
+
+## 功能概述
+
+顶部导航链接管理功能允许管理员在网站顶部导航栏中添加自定义链接，支持中英文双语显示和新窗口打开设置。
+
+## 功能特性
+
+- ✅ 添加自定义导航链接
+- ✅ 中英文双语支持（自动根据用户语言显示）
+- ✅ 控制是否在新窗口打开链接
+- ✅ 启用/禁用链接显示
+- ✅ 自定义链接排序
+- ✅ 编辑现有链接
+- ✅ 删除链接
+- ✅ 配置缓存，高性能访问
+
+## 使用方法
+
+### 访问管理页面
+
+1. 登录管理后台
+2. 访问 `/admin/settings/navlinks` 或点击"平台设置"进入设置页面
+3. 选择"导航链接"标签
+
+### 添加新链接
+
+在"添加链接"表单中填写以下信息：
+
+- **链接文字（中文）**: 在中文界面显示的文本，如"关于"
+- **链接文字（英文）**: 在英文界面显示的文本，如"About"
+- **链接地址**: 目标URL，可以是：
+  - 相对路径：`/about`
+  - 完整URL：`https://example.com`
+- **在新窗口打开**: 勾选此选项将在新标签页打开链接
+- **启用**: 控制链接是否显示在导航栏
+- **排序**: 数字越小，显示越靠前（默认：0）
+
+点击"添加链接"按钮保存。
+
+### 编辑链接
+
+1. 在链接列表中找到要编辑的链接
+2. 点击"编辑"按钮
+3. 在弹出的对话框中修改信息
+4. 点击"保存"
+
+### 启用/禁用链接
+
+点击链接右侧的"✓ 切换"或"✗ 切换"按钮，快速启用或禁用链接显示。
+
+### 删除链接
+
+点击"删除"按钮，确认后即可删除链接。
+
+## 技术实现
+
+### 数据库模型
+
+```go
+type NavLink struct {
+    ID        uint      // 主键
+    TitleZh   string    // 链接文字（中文）
+    TitleEn   string    // 链接文字（英文）
+    URL       string    // 目标地址
+    OpenNew   bool      // 是否新窗口打开
+    Enabled   bool      // 是否启用
+    Sort      int       // 排序（数字越小越靠前）
+    CreatedAt time.Time
+    UpdatedAt time.Time
+    UpdatedBy uint      // 更新者用户ID
+}
+```
+
+### 配置缓存
+
+导航链接数据在应用启动时加载到内存缓存中，每次修改后自动刷新缓存。这确保了：
+- 每个请求无需查询数据库
+- 高性能的页面渲染
+- 配置更改立即生效
+
+### 安全特性
+
+- 新窗口打开的链接自动添加 `rel="noopener noreferrer"` 属性，防止安全漏洞
+- 仅管理员可以访问管理页面
+- 输入验证确保数据完整性
+
+## 前端展示
+
+导航链接显示在网站顶部导航栏，位于"主页"链接之后：
+
+- 根据用户选择的语言显示对应的链接文字
+- 设置为"新窗口打开"的链接会显示一个小图标 ↗
+- 仅显示已启用的链接
+- 按照排序字段从小到大排列
+
+## API端点
+
+- `GET /admin/settings/navlinks` - 导航链接管理页面
+- `POST /admin/settings/navlinks` - 处理导航链接操作
+  - `action=add` - 添加新链接
+  - `action=edit` - 编辑链接
+  - `action=toggle` - 切换启用状态
+  - `action=delete` - 删除链接
+
+## 示例
+
+### 添加"关于"页面链接
+
+- 链接文字（中文）：关于我们
+- 链接文字（英文）：About Us
+- 链接地址：/about
+- 在新窗口打开：否
+- 启用：是
+- 排序：10
+
+### 添加外部链接
+
+- 链接文字（中文）：GitHub
+- 链接文字（英文）：GitHub
+- 链接地址：https://github.com/yourname
+- 在新窗口打开：是
+- 启用：是
+- 排序：20
+
+## 多语言支持
+
+该功能完全支持中英文双语：
+
+**中文翻译键：**
+- `settings_navlinks_title`: "导航链接"
+- `navlinks_add`: "添加链接"
+- `navlinks_title_zh`: "链接文字（中文）"
+- `navlinks_title_en`: "链接文字（英文）"
+- `navlinks_url`: "链接地址"
+- `navlinks_open_new`: "在新窗口打开"
+- 等等...
+
+## 注意事项
+
+1. 至少需要填写中文或英文链接文字中的一个
+2. 链接地址必填
+3. 排序值相同时，按ID升序排列
+4. 禁用的链接不会显示在前端，但保留在数据库中
+5. 删除操作不可恢复，请谨慎操作
@@ -0,0 +1,161 @@
+# 用户注册功能实现说明
+
+## 功能概述
+
+已成功为博客系统添加用户自主注册功能，并在后台站点设置中增加了注册开关。
+
+## 实现的功能
+
+### 1. 后台设置 - 注册开关
+- **位置**: `/admin/settings/site` (站点设置页面)
+- **功能**: 管理员可以控制是否允许访客自主注册
+- **默认值**: 关闭（`AllowRegistration = false`）
+- **说明**: 只有管理员可以通过后台开关控制注册功能
+
+### 2. 注册页面
+- **路径**: `/register`
+- **访问控制**: 
+  - 仅当后台开启注册功能时可访问
+  - 如果注册功能关闭，访问会重定向到登录页面
+- **表单字段**:
+  - 用户名（必填，3-32字符）
+  - 显示名称（可选，默认使用用户名）
+  - 邮箱（可选，用于Gravatar头像）
+  - 密码（必填，至少6字符）
+  - 确认密码（必填）
+
+### 3. 注册验证
+- 用户名长度验证（3-32字符）
+- 密码长度验证（至少6字符）
+- 密码确认匹配验证
+- 用户名唯一性检查
+- 注册成功后自动登录并跳转到首页
+
+### 4. 登录页面增强
+- 当注册功能开启时，登录页面底部显示"还没有账号？注册"链接
+- 当注册功能关闭时，该链接不显示
+
+### 5. 用户角色
+- 通过注册创建的用户默认角色为 `author`（作者）
+- 默认状态为 `normal`（正常）
+
+## 文件修改清单
+
+### 1. 数据库模型
+- **文件**: `models/site_setting.go`
+- **修改**: 添加 `AllowRegistration` 字段（bool类型，默认false）
+
+### 2. 后台设置页面
+- **文件**: `templates/admin/settings_site.html`
+- **修改**: 添加"允许用户注册"复选框
+
+### 3. 后台设置处理器
+- **文件**: `handlers/settings.go`
+- **修改**: 在保存站点设置时处理 `allow_registration` 参数
+
+### 4. 认证处理器
+- **文件**: `handlers/auth.go`
+- **修改**: 
+  - 添加 `RegisterPage()` 函数 - 渲染注册页面
+  - 添加 `Register()` 函数 - 处理注册表单提交
+  - 修改 `LoginPage()` 函数 - 传递注册开关状态到模板
+  - 添加 `strings` 包导入
+
+### 5. 注册页面模板
+- **文件**: `templates/pages/register.html` (新建)
+- **内容**: 完整的注册表单页面
+
+### 6. 登录页面模板
+- **文件**: `templates/pages/login.html`
+- **修改**: 添加注册链接（条件显示）
+
+### 7. 路由配置
+- **文件**: `main.go`
+- **修改**: 添加注册路由
+  - `GET /register` - 注册页面
+  - `POST /register` - 注册表单提交
+
+### 8. 国际化文本
+- **文件**: `i18n/i18n.go`
+- **修改**: 添加中英文注册相关翻译文本（约30个新键值对）
+
+## 翻译键名
+
+### 注册页面相关
+- `page_register` - 页面标题
+- `register_title` - 表单标题
+- `register_username` - 用户名标签
+- `register_display_name` - 显示名称标签
+- `register_email` - 邮箱标签
+- `register_password` - 密码标签
+- `register_confirm_password` - 确认密码标签
+- `register_submit` - 提交按钮
+- `register_have_account` - "已有账号？"提示
+- `register_login_link` - "登录"链接文字
+
+### 错误消息
+- `register_required` - 必填字段错误
+- `register_username_length` - 用户名长度错误
+- `register_password_length` - 密码长度错误
+- `register_password_mismatch` - 密码不匹配错误
+- `register_error` - 通用注册错误
+- `user_username_exists` - 用户名已存在错误
+
+### 登录页面
+- `login_no_account` - "还没有账号？"
+- `login_register_link` - "注册"链接
+
+### 后台设置
+- `settings_allow_registration` - "允许用户注册"
+- `settings_allow_registration_hint` - 功能说明
+
+## 使用流程
+
+### 管理员开启注册功能
+1. 以管理员身份登录
+2. 访问 `/admin/settings/site`
+3. 勾选"允许用户注册"复选框
+4. 点击"保存"按钮
+
+### 用户注册流程
+1. 访问 `/login` 登录页面
+2. 点击底部"注册"链接（仅当注册功能开启时显示）
+3. 填写注册表单
+4. 提交后自动登录并跳转到首页
+
+### 安全特性
+- 密码使用 bcrypt 加密存储
+- 用户名唯一性验证
+- 表单前端和后端双重验证
+- 注册功能默认关闭，需管理员手动开启
+
+## 数据库迁移
+
+GORM会自动迁移数据库结构，添加 `allow_registration` 字段到 `site_settings` 表。
+首次启动应用时会自动完成迁移，无需手动操作。
+
+## 测试要点
+
+1. **后台设置测试**
+   - 验证默认状态为关闭
+   - 验证开关保存成功
+   - 验证开关状态同步到登录页面
+
+2. **注册功能测试**
+   - 功能关闭时访问 `/register` 应重定向
+   - 功能开启时注册页面正常显示
+   - 表单验证正确工作
+   - 用户名重复时显示错误
+   - 注册成功后自动登录
+
+3. **国际化测试**
+   - 中文界面显示正常
+   - 英文界面显示正常
+   - 错误消息本地化正确
+
+## 注意事项
+
+1. 注册功能默认关闭，确保系统安全
+2. 注册用户默认为 `author` 角色，不是 `admin`
+3. 管理员账号仍需通过后台用户管理创建
+4. 邮箱字段为可选，方便后续扩展邮件功能
@@ -2,6 +2,7 @@ package handlers

 import (
 	"net/http"
+	"strings"

 	"github.com/gin-contrib/sessions"
 	"github.com/gin-gonic/gin"
@@ -19,6 +20,11 @@ func LoginPage() gin.HandlerFunc {
 		if c.Query("error") == "1" {
 			data["Error"] = tr["login_error"]
 		}
+		// Check if registration is allowed from site settings
+		siteSetting, _ := c.Get("site_setting")
+		if s, ok := siteSetting.(*models.SiteSetting); ok && s != nil {
+			data["AllowRegistration"] = s.AllowRegistration
+		}
 		c.HTML(http.StatusOK, "login", data)
 	}
 }
@@ -73,3 +79,106 @@ func Logout() gin.HandlerFunc {
 		c.Redirect(http.StatusFound, "/")
 	}
 }
+
+// RegisterPage renders the registration form (only when registration is enabled).
+func RegisterPage(db *gorm.DB) gin.HandlerFunc {
+	return func(c *gin.Context) {
+		// Check if registration is allowed
+		var s models.SiteSetting
+		if err := db.First(&s, 1).Error; err != nil || !s.AllowRegistration {
+			c.Redirect(http.StatusFound, "/login")
+			return
+		}
+
+		tr := getTr(c)
+		data := DefaultData(c)
+		data["Title"] = tr["page_register"]
+
+		if errMsg := c.Query("error"); errMsg != "" {
+			data["Error"] = tr[errMsg]
+		}
+
+		c.HTML(http.StatusOK, "register", data)
+	}
+}
+
+// Register processes the registration form submission.
+func Register(db *gorm.DB) gin.HandlerFunc {
+	return func(c *gin.Context) {
+		// Check if registration is allowed
+		var s models.SiteSetting
+		if err := db.First(&s, 1).Error; err != nil || !s.AllowRegistration {
+			c.Redirect(http.StatusFound, "/login")
+			return
+		}
+
+		username := strings.TrimSpace(c.PostForm("username"))
+		password := c.PostForm("password")
+		confirmPassword := c.PostForm("confirm_password")
+		email := strings.TrimSpace(c.PostForm("email"))
+		displayName := strings.TrimSpace(c.PostForm("display_name"))
+
+		// Validate inputs
+		if username == "" || password == "" {
+			c.Redirect(http.StatusFound, "/register?error=register_required")
+			return
+		}
+
+		if len(username) < 3 || len(username) > 32 {
+			c.Redirect(http.StatusFound, "/register?error=register_username_length")
+			return
+		}
+
+		if len(password) < 6 {
+			c.Redirect(http.StatusFound, "/register?error=register_password_length")
+			return
+		}
+
+		if password != confirmPassword {
+			c.Redirect(http.StatusFound, "/register?error=register_password_mismatch")
+			return
+		}
+
+		// Check if username already exists
+		var existingUser models.User
+		if err := db.Where("username = ?", username).First(&existingUser).Error; err == nil {
+			c.Redirect(http.StatusFound, "/register?error=user_username_exists")
+			return
+		}
+
+		// Create new user
+		user := models.User{
+			Username:    username,
+			Email:       email,
+			DisplayName: displayName,
+			Role:        models.RoleAuthor,
+			Status:      models.StatusNormal,
+		}
+
+		if displayName == "" {
+			user.DisplayName = username
+		}
+
+		if err := user.SetPassword(password); err != nil {
+			c.Redirect(http.StatusFound, "/register?error=register_error")
+			return
+		}
+
+		if err := db.Create(&user).Error; err != nil {
+			c.Redirect(http.StatusFound, "/register?error=register_error")
+			return
+		}
+
+		// Auto-login after successful registration
+		session := sessions.Default(c)
+		session.Set("user_id", user.ID)
+		session.Set("username", user.Username)
+		if err := session.Save(); err != nil {
+			c.Redirect(http.StatusFound, "/login")
+			return
+		}
+
+		// Redirect to home page
+		c.Redirect(http.StatusFound, "/")
+	}
+}
@@ -26,6 +26,7 @@ func DefaultData(c *gin.Context) gin.H {
 	siteHomeWelcome, _ := c.Get("site_home_welcome")
 	siteHomeSubtitle, _ := c.Get("site_home_subtitle")
 	siteFooterText, _ := c.Get("site_footer_text")
+	navLinks, _ := c.Get("nav_links")

 	return gin.H{
 		"Tr":               tr,
@@ -46,6 +47,7 @@ func DefaultData(c *gin.Context) gin.H {
 		"SiteHomeWelcome":  siteHomeWelcome,
 		"SiteHomeSubtitle": siteHomeSubtitle,
 		"SiteFooterText":   siteFooterText,
+		"NavLinks":         navLinks,
 	}
 }

@@ -100,6 +100,7 @@ func SiteSettingsSave(db *gorm.DB, storagePath string) gin.HandlerFunc {
 		s.HomeSubtitleEn = strings.TrimSpace(c.PostForm("home_subtitle_en"))
 		s.FooterTextZh = strings.TrimSpace(c.PostForm("footer_text_zh"))
 		s.FooterTextEn = strings.TrimSpace(c.PostForm("footer_text_en"))
+		s.AllowRegistration = c.PostForm("allow_registration") == "1"
 		s.UpdatedBy = userIDFromSession(c)

 		// Favicon upload (optional). A favicon_url form field takes precedence over an
@@ -427,3 +428,104 @@ func CommentSettingsSave(db *gorm.DB) gin.HandlerFunc {
 		c.Redirect(http.StatusFound, "/admin/settings/comments?saved=1")
 	}
 }
+
+// ---------------- Navigation Links settings ----------------
+
+// NavLinksSettingsPage renders the navigation links management page.
+func NavLinksSettingsPage(db *gorm.DB) gin.HandlerFunc {
+	return func(c *gin.Context) {
+		tr := getTr(c)
+		var links []models.NavLink
+		db.Order("sort asc, id asc").Find(&links)
+
+		data := DefaultData(c)
+		data["Title"] = tr["settings_navlinks_title"]
+		data["NavLinks"] = links
+		if msg := c.Query("saved"); msg == "1" {
+			data["Success"] = tr["settings_saved"]
+		}
+		c.HTML(http.StatusOK, "settings_navlinks", data)
+	}
+}
+
+// NavLinksSettingsSave dispatches navigation link actions.
+func NavLinksSettingsSave(db *gorm.DB) gin.HandlerFunc {
+	return func(c *gin.Context) {
+		switch c.PostForm("action") {
+		case "add":
+			addNavLink(db, c)
+		case "toggle":
+			toggleNavLink(db, c)
+		case "edit":
+			editNavLink(db, c)
+		case "delete":
+			deleteNavLink(db, c)
+		}
+		models.RefreshConfigCache(db)
+		c.Redirect(http.StatusFound, "/admin/settings/navlinks?saved=1")
+	}
+}
+
+func addNavLink(db *gorm.DB, c *gin.Context) {
+	titleZh := strings.TrimSpace(c.PostForm("title_zh"))
+	titleEn := strings.TrimSpace(c.PostForm("title_en"))
+	url := strings.TrimSpace(c.PostForm("url"))
+
+	if url == "" || (titleZh == "" && titleEn == "") {
+		return
+	}
+
+	sort, _ := strconv.Atoi(c.PostForm("sort"))
+
+	link := models.NavLink{
+		TitleZh:  titleZh,
+		TitleEn:  titleEn,
+		URL:      url,
+		OpenNew:  c.PostForm("open_new") == "1",
+		Enabled:  c.PostForm("enabled") != "0",
+		Sort:     sort,
+		UpdatedBy: userIDFromSession(c),
+	}
+	db.Create(&link)
+}
+
+func toggleNavLink(db *gorm.DB, c *gin.Context) {
+	id, _ := strconv.Atoi(c.PostForm("id"))
+	var link models.NavLink
+	if db.First(&link, id).Error != nil {
+		return
+	}
+	link.Enabled = !link.Enabled
+	link.UpdatedBy = userIDFromSession(c)
+	db.Save(&link)
+}
+
+func editNavLink(db *gorm.DB, c *gin.Context) {
+	id, _ := strconv.Atoi(c.PostForm("id"))
+	var link models.NavLink
+	if db.First(&link, id).Error != nil {
+		return
+	}
+
+	titleZh := strings.TrimSpace(c.PostForm("title_zh"))
+	titleEn := strings.TrimSpace(c.PostForm("title_en"))
+	url := strings.TrimSpace(c.PostForm("url"))
+
+	if url == "" || (titleZh == "" && titleEn == "") {
+		return
+	}
+
+	link.TitleZh = titleZh
+	link.TitleEn = titleEn
+	link.URL = url
+	link.OpenNew = c.PostForm("open_new") == "1"
+	link.Sort, _ = strconv.Atoi(c.PostForm("sort"))
+	link.UpdatedBy = userIDFromSession(c)
+	db.Save(&link)
+}
+
+func deleteNavLink(db *gorm.DB, c *gin.Context) {
+	id, _ := strconv.Atoi(c.PostForm("id"))
+	db.Delete(&models.NavLink{}, id)
+}
+
@@ -131,6 +131,10 @@ func SetUserContext(db *gorm.DB) gin.HandlerFunc {
 		c.Set("site_home_subtitle", site.HomeSubtitle(string(lang)))
 		c.Set("site_footer_text", site.FooterText(string(lang)))

+		// --- Navigation links (from DB cache) ---
+		navLinks := models.GetNavLinks()
+		c.Set("nav_links", navLinks)
+
 		c.Next()
 	}
 }
@@ -17,6 +17,7 @@ var configCache = struct {
 	comment  *CommentConfig
 	types    []UploadFileType
 	baseURLs []DownloadBaseURL
+	navLinks []NavLink
 }{
 	site:   &SiteSetting{},
 	upload: &UploadConfig{Enabled: true, DefaultMaxSize: DefaultUploadMaxSize, StorageDir: "attachments"},
@@ -58,6 +59,11 @@ func LoadConfigCache(db *gorm.DB) {
 	if err := db.Order("is_default desc, priority asc, id asc").Find(&b).Error; err == nil {
 		configCache.baseURLs = b
 	}
+
+	var n []NavLink
+	if err := db.Where("enabled = ?", true).Order("sort asc, id asc").Find(&n).Error; err == nil {
+		configCache.navLinks = n
+	}
 }

 // RefreshConfigCache reloads all cached platform configuration. Admin handlers
@@ -118,3 +124,10 @@ func DefaultDownloadBaseURL() string {
 	}
 	return ""
 }
+
+// GetNavLinks returns the cached list of enabled navigation links, sorted by sort order.
+func GetNavLinks() []NavLink {
+	configCache.mu.RLock()
+	defer configCache.mu.RUnlock()
+	return configCache.navLinks
+}
@@ -0,0 +1,37 @@
+package models
+
+import "time"
+
+// NavLink represents a custom navigation link in the header.
+type NavLink struct {
+	ID        uint      `gorm:"primarykey" json:"id"`
+	TitleZh   string    `gorm:"size:100;not null" json:"title_zh"`      // Link text (Chinese)
+	TitleEn   string    `gorm:"size:100;not null" json:"title_en"`      // Link text (English)
+	URL       string    `gorm:"size:512;not null" json:"url"`           // Target URL
+	OpenNew   bool      `gorm:"default:false" json:"open_new"`          // Open in new window
+	Enabled   bool      `gorm:"default:true" json:"enabled"`            // Show/hide link
+	Sort      int       `gorm:"default:0;index" json:"sort"`            // Display order (lower = first)
+	CreatedAt time.Time `json:"created_at"`
+	UpdatedAt time.Time `json:"updated_at"`
+	UpdatedBy uint      `gorm:"index" json:"updated_by"`
+}
+
+// TableName overrides the default GORM table name.
+func (NavLink) TableName() string {
+	return "nav_links"
+}
+
+// Title returns the link text for the given language code, falling back to
+// the other language when the requested one is empty.
+func (n *NavLink) Title(lang string) string {
+	if lang == "zh" {
+		if n.TitleZh != "" {
+			return n.TitleZh
+		}
+		return n.TitleEn
+	}
+	if n.TitleEn != "" {
+		return n.TitleEn
+	}
+	return n.TitleZh
+}
@@ -19,6 +19,7 @@ type SiteSetting struct {
 	HomeSubtitleEn   string    `gorm:"size:512" json:"home_subtitle_en"` // home page subtitle (en)
 	FooterTextZh     string    `gorm:"size:512" json:"footer_text_zh"`   // footer text (zh)
 	FooterTextEn     string    `gorm:"size:512" json:"footer_text_en"`   // footer text (en)
+	AllowRegistration bool      `gorm:"default:false" json:"allow_registration"` // whether users can self-register
 	UpdatedBy        uint      `gorm:"index" json:"updated_by"`
 	UpdatedAt        time.Time `json:"updated_at"`
 }
@@ -6,6 +6,7 @@

    <div class="flex gap-2 mb-8">
        <a href="/admin/settings/site" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_site_title"}}</a>
+        <a href="/admin/settings/navlinks" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_navlinks_title"}}</a>
        <a href="/admin/settings/upload" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_upload_title"}}</a>
        <a href="/admin/settings/download" class="px-4 py-2 rounded-lg text-sm font-medium bg-blue-600 text-white">{{index .Tr "settings_download_title"}}</a>
    </div>
@@ -0,0 +1,200 @@
+{{define "settings_navlinks"}}
+{{template "header" .}}
+<section class="max-w-3xl mx-auto px-4 py-12">
+    <h2 class="text-3xl font-bold text-gray-900 mb-2">{{index .Tr "settings_navlinks_title"}}</h2>
+    <p class="text-gray-500 mb-4">{{index .Tr "settings_navlinks_desc"}}</p>
+
+    <div class="flex gap-2 mb-8">
+        <a href="/admin/settings/site" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_site_title"}}</a>
+        <a href="/admin/settings/navlinks" class="px-4 py-2 rounded-lg text-sm font-medium bg-blue-600 text-white">{{index .Tr "settings_navlinks_title"}}</a>
+        <a href="/admin/settings/upload" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_upload_title"}}</a>
+        <a href="/admin/settings/download" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_download_title"}}</a>
+    </div>
+
+    {{if .Success}}
+    <div class="bg-green-50 border border-green-200 text-green-700 px-4 py-3 rounded-lg mb-6">{{.Success}}</div>
+    {{end}}
+
+    <!-- Add New Link Form -->
+    <form action="/admin/settings/navlinks" method="post" class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 mb-6">
+        <input type="hidden" name="action" value="add">
+        <h3 class="text-lg font-semibold text-gray-800 mb-4">{{index .Tr "navlinks_add"}}</h3>
+
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4">
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "navlinks_title_zh"}}</label>
+                <input type="text" name="title_zh" placeholder="首页" required
+                    class="w-full border border-gray-300 rounded-lg px-3 py-2">
+            </div>
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "navlinks_title_en"}}</label>
+                <input type="text" name="title_en" placeholder="Home" required
+                    class="w-full border border-gray-300 rounded-lg px-3 py-2">
+            </div>
+        </div>
+
+        <div class="mb-4">
+            <label class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "navlinks_url"}}</label>
+            <input type="text" name="url" placeholder="/about" required
+                class="w-full border border-gray-300 rounded-lg px-3 py-2">
+            <p class="text-xs text-gray-500 mt-1">{{index .Tr "navlinks_url_hint"}}</p>
+        </div>
+
+        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4">
+            <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "navlinks_sort"}}</label>
+                <input type="number" name="sort" value="0" min="0"
+                    class="w-full border border-gray-300 rounded-lg px-3 py-2">
+            </div>
+            <div class="flex items-end gap-4">
+                <label class="inline-flex items-center gap-2 cursor-pointer">
+                    <input type="checkbox" name="open_new" value="1" class="rounded border-gray-300">
+                    <span class="text-sm text-gray-700">{{index .Tr "navlinks_open_new"}}</span>
+                </label>
+                <label class="inline-flex items-center gap-2 cursor-pointer">
+                    <input type="checkbox" name="enabled" value="1" checked class="rounded border-gray-300">
+                    <span class="text-sm text-gray-700">{{index .Tr "navlinks_enabled"}}</span>
+                </label>
+            </div>
+        </div>
+
+        <button type="submit" class="bg-blue-600 text-white px-6 py-2 rounded-lg font-medium hover:bg-blue-700 transition-colors">
+            {{index .Tr "navlinks_add"}}
+        </button>
+    </form>
+
+    <!-- Existing Links List -->
+    <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
+        <h3 class="text-lg font-semibold text-gray-800 mb-4">{{index .Tr "navlinks_enabled"}}</h3>
+
+        {{if .NavLinks}}
+        <div class="space-y-3">
+            {{range .NavLinks}}
+            <div class="border border-gray-200 rounded-lg p-4 hover:bg-gray-50 transition-colors" id="link-{{.ID}}">
+                <div class="flex items-start justify-between gap-4">
+                    <div class="flex-1">
+                        <div class="flex items-center gap-2 mb-2">
+                            <span class="font-medium text-gray-900">{{if .TitleZh}}{{.TitleZh}}{{else}}{{.TitleEn}}{{end}}</span>
+                            {{if not .Enabled}}
+                            <span class="px-2 py-0.5 bg-gray-200 text-gray-600 text-xs rounded">{{index $.Tr "status_disabled"}}</span>
+                            {{end}}
+                            {{if .OpenNew}}
+                            <span class="px-2 py-0.5 bg-blue-100 text-blue-700 text-xs rounded">↗ {{index $.Tr "navlinks_open_new"}}</span>
+                            {{end}}
+                        </div>
+                        <div class="text-sm text-gray-600">
+                            <div><strong>ZH:</strong> {{.TitleZh}} | <strong>EN:</strong> {{.TitleEn}}</div>
+                            <div><strong>URL:</strong> <a href="{{.URL}}" target="_blank" class="text-blue-600 hover:underline">{{.URL}}</a></div>
+                            <div><strong>{{index $.Tr "navlinks_sort"}}:</strong> {{.Sort}}</div>
+                        </div>
+                    </div>
+                    <div class="flex items-center gap-2">
+                        <!-- Toggle Button -->
+                        <form action="/admin/settings/navlinks" method="post" class="inline">
+                            <input type="hidden" name="action" value="toggle">
+                            <input type="hidden" name="id" value="{{.ID}}">
+                            <button type="submit" class="text-sm px-3 py-1.5 rounded-lg border {{if .Enabled}}bg-green-50 border-green-300 text-green-700 hover:bg-green-100{{else}}bg-gray-100 border-gray-300 text-gray-600 hover:bg-gray-200{{end}} transition-colors">
+                                {{if .Enabled}}✓{{else}}✗{{end}} {{index $.Tr "settings_toggle"}}
+                            </button>
+                        </form>
+                        <!-- Edit Button -->
+                        <button onclick="editLink({{.ID}}, '{{.TitleZh}}', '{{.TitleEn}}', '{{.URL}}', {{if .OpenNew}}true{{else}}false{{end}}, {{.Sort}})" class="text-sm px-3 py-1.5 bg-blue-50 border border-blue-300 text-blue-700 rounded-lg hover:bg-blue-100 transition-colors">
+                            {{index $.Tr "navlinks_edit"}}
+                        </button>
+                        <!-- Delete Button -->
+                        <form action="/admin/settings/navlinks" method="post" class="inline" onsubmit="return confirm('{{index $.Tr "navlinks_confirm_delete"}}')">
+                            <input type="hidden" name="action" value="delete">
+                            <input type="hidden" name="id" value="{{.ID}}">
+                            <button type="submit" class="text-sm px-3 py-1.5 bg-red-50 border border-red-300 text-red-700 rounded-lg hover:bg-red-100 transition-colors">
+                                {{index $.Tr "navlinks_delete"}}
+                            </button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            {{end}}
+        </div>
+        {{else}}
+        <p class="text-gray-500 text-center py-8">{{index .Tr "navlinks_no_links"}}</p>
+        {{end}}
+    </div>
+</section>
+
+<!-- Edit Modal -->
+<div id="editModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+    <div class="bg-white rounded-xl shadow-xl max-w-2xl w-full mx-4 p-6">
+        <h3 class="text-xl font-semibold text-gray-900 mb-4">{{index .Tr "navlinks_edit"}}</h3>
+        <form action="/admin/settings/navlinks" method="post" id="editForm">
+            <input type="hidden" name="action" value="edit">
+            <input type="hidden" name="id" id="edit_id">
+
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4">
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "navlinks_title_zh"}}</label>
+                    <input type="text" name="title_zh" id="edit_title_zh" required
+                        class="w-full border border-gray-300 rounded-lg px-3 py-2">
+                </div>
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "navlinks_title_en"}}</label>
+                    <input type="text" name="title_en" id="edit_title_en" required
+                        class="w-full border border-gray-300 rounded-lg px-3 py-2">
+                </div>
+            </div>
+
+            <div class="mb-4">
+                <label class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "navlinks_url"}}</label>
+                <input type="text" name="url" id="edit_url" required
+                    class="w-full border border-gray-300 rounded-lg px-3 py-2">
+            </div>
+
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6">
+                <div>
+                    <label class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "navlinks_sort"}}</label>
+                    <input type="number" name="sort" id="edit_sort" min="0"
+                        class="w-full border border-gray-300 rounded-lg px-3 py-2">
+                </div>
+                <div class="flex items-end">
+                    <label class="inline-flex items-center gap-2 cursor-pointer">
+                        <input type="checkbox" name="open_new" id="edit_open_new" value="1" class="rounded border-gray-300">
+                        <span class="text-sm text-gray-700">{{index .Tr "navlinks_open_new"}}</span>
+                    </label>
+                </div>
+            </div>
+
+            <div class="flex justify-end gap-3">
+                <button type="button" onclick="closeEditModal()" class="px-4 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 transition-colors">
+                    {{index .Tr "navlinks_cancel"}}
+                </button>
+                <button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors">
+                    {{index .Tr "navlinks_save"}}
+                </button>
+            </div>
+        </form>
+    </div>
+</div>
+
+<script>
+function editLink(id, titleZh, titleEn, url, openNew, sort) {
+    document.getElementById('edit_id').value = id;
+    document.getElementById('edit_title_zh').value = titleZh;
+    document.getElementById('edit_title_en').value = titleEn;
+    document.getElementById('edit_url').value = url;
+    document.getElementById('edit_open_new').checked = openNew;
+    document.getElementById('edit_sort').value = sort;
+    document.getElementById('editModal').classList.remove('hidden');
+}
+
+function closeEditModal() {
+    document.getElementById('editModal').classList.add('hidden');
+}
+
+// Close modal when clicking outside
+document.getElementById('editModal').addEventListener('click', function(e) {
+    if (e.target === this) {
+        closeEditModal();
+    }
+});
+</script>
+
+{{template "footer" .}}
+{{end}}
@@ -6,6 +6,7 @@

    <div class="flex gap-2 mb-8">
        <a href="/admin/settings/site" class="px-4 py-2 rounded-lg text-sm font-medium bg-blue-600 text-white">{{index .Tr "settings_site_title"}}</a>
+        <a href="/admin/settings/navlinks" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_navlinks_title"}}</a>
        <a href="/admin/settings/upload" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_upload_title"}}</a>
        <a href="/admin/settings/download" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_download_title"}}</a>
    </div>
@@ -127,6 +128,18 @@

        <p class="text-xs text-gray-400">{{index .Tr "settings_leave_blank"}}</p>

+        <!-- Registration settings -->
+        <div class="pt-4 border-t border-gray-200">
+            <label class="flex items-center gap-3 cursor-pointer">
+                <input type="checkbox" name="allow_registration" value="1" {{if .Site.AllowRegistration}}checked{{end}}
+                    class="w-5 h-5 rounded border-gray-300 text-blue-600 focus:ring-blue-500">
+                <div>
+                    <span class="block text-sm font-semibold text-gray-700">{{index .Tr "settings_allow_registration"}}</span>
+                    <span class="block text-xs text-gray-500">{{index .Tr "settings_allow_registration_hint"}}</span>
+                </div>
+            </label>
+        </div>
+
        <button type="submit"
            class="bg-blue-600 text-white px-6 py-2 rounded-lg font-medium hover:bg-blue-700 transition-colors">
            {{index .Tr "settings_save"}}
@@ -6,6 +6,7 @@

    <div class="flex gap-2 mb-8">
        <a href="/admin/settings/site" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_site_title"}}</a>
+        <a href="/admin/settings/navlinks" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_navlinks_title"}}</a>
        <a href="/admin/settings/upload" class="px-4 py-2 rounded-lg text-sm font-medium bg-blue-600 text-white">{{index .Tr "settings_upload_title"}}</a>
        <a href="/admin/settings/download" class="px-4 py-2 rounded-lg text-sm font-medium bg-gray-200 text-gray-700 hover:bg-gray-300 transition-colors">{{index .Tr "settings_download_title"}}</a>
    </div>
@@ -40,6 +40,16 @@
                    </svg>
                    <span>{{index .Tr "home"}}</span>
                </a>
+                {{range .NavLinks}}
+                <a href="{{.URL}}" {{if .OpenNew}}target="_blank" rel="noopener noreferrer"{{end}} class="text-gray-600 hover:text-blue-600 transition-colors text-sm flex items-center gap-1.5">
+                    <span>{{.Title $.Lang}}</span>
+                    {{if .OpenNew}}
+                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
+                    </svg>
+                    {{end}}
+                </a>
+                {{end}}
                {{if .IsLoggedIn}}
                    <!-- Avatar Dropdown (click to toggle) -->
                    <div class="relative" id="avatarDropdown">
@@ -40,6 +40,13 @@
                {{index .Tr "login_submit"}}
            </button>
        </form>
+
+        {{if .AllowRegistration}}
+        <div class="mt-4 text-center">
+            <span class="text-sm text-gray-600">{{index .Tr "login_no_account"}}</span>
+            <a href="/register" class="text-sm text-blue-600 hover:text-blue-700 font-medium ml-1">{{index .Tr "login_register_link"}}</a>
+        </div>
+        {{end}}
    </div>
 </section>
 {{template "footer" .}}
@@ -0,0 +1,90 @@
+{{define "register"}}
+{{template "header" .}}
+<section class="max-w-md mx-auto px-4 py-20">
+    <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8">
+        <h2 class="text-2xl font-bold text-gray-900 mb-6 text-center">{{index .Tr "register_title"}}</h2>
+
+        {{if .Error}}
+        <div class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg mb-6 text-sm">
+            {{.Error}}
+        </div>
+        {{end}}
+
+        <form action="/register" method="post" class="space-y-5">
+            <div>
+                <label for="username" class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "register_username"}}</label>
+                <input
+                    type="text"
+                    id="username"
+                    name="username"
+                    required
+                    minlength="3"
+                    maxlength="32"
+                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-colors"
+                    placeholder="{{index .Tr "register_ph_username"}}"
+                >
+                <p class="text-xs text-gray-500 mt-1">{{index .Tr "register_username_hint"}}</p>
+            </div>
+            <div>
+                <label for="display_name" class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "register_display_name"}}</label>
+                <input
+                    type="text"
+                    id="display_name"
+                    name="display_name"
+                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-colors"
+                    placeholder="{{index .Tr "register_ph_display_name"}}"
+                >
+                <p class="text-xs text-gray-500 mt-1">{{index .Tr "register_display_name_hint"}}</p>
+            </div>
+            <div>
+                <label for="email" class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "register_email"}}</label>
+                <input
+                    type="email"
+                    id="email"
+                    name="email"
+                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-colors"
+                    placeholder="{{index .Tr "register_ph_email"}}"
+                >
+                <p class="text-xs text-gray-500 mt-1">{{index .Tr "register_email_hint"}}</p>
+            </div>
+            <div>
+                <label for="password" class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "register_password"}}</label>
+                <input
+                    type="password"
+                    id="password"
+                    name="password"
+                    required
+                    minlength="6"
+                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-colors"
+                    placeholder="{{index .Tr "register_ph_password"}}"
+                >
+                <p class="text-xs text-gray-500 mt-1">{{index .Tr "register_password_hint"}}</p>
+            </div>
+            <div>
+                <label for="confirm_password" class="block text-sm font-medium text-gray-700 mb-1">{{index .Tr "register_confirm_password"}}</label>
+                <input
+                    type="password"
+                    id="confirm_password"
+                    name="confirm_password"
+                    required
+                    minlength="6"
+                    class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition-colors"
+                    placeholder="{{index .Tr "register_ph_confirm_password"}}"
+                >
+            </div>
+            <button
+                type="submit"
+                class="w-full bg-blue-600 text-white py-2 px-4 rounded-lg font-medium hover:bg-blue-700 transition-colors cursor-pointer"
+            >
+                {{index .Tr "register_submit"}}
+            </button>
+        </form>
+
+        <div class="mt-4 text-center">
+            <span class="text-sm text-gray-600">{{index .Tr "register_have_account"}}</span>
+            <a href="/login" class="text-sm text-blue-600 hover:text-blue-700 font-medium ml-1">{{index .Tr "register_login_link"}}</a>
+        </div>
+    </div>
+</section>
+{{template "footer" .}}
+{{end}}