diff --git a/README.md b/README.md index be002cb..ab691fd 100644 --- a/README.md +++ b/README.md @@ -144,6 +144,21 @@ site: author: 作者名 favicon: favicon.ico # 网站图标,支持ico、png等格式 +# 字体设置 +fonts: + title: # 标题字体 + family: 字体名称 # 可以是Web安全字体或Google Fonts + weight: 字重值 # 如400、500、600等 + source: 字体来源 # "google"或"system" + subtitle: # 副标题字体 + family: 字体名称 + weight: 字重值 + source: 字体来源 + body: # 正文字体 + family: 字体名称 + weight: 字重值 + source: 字体来源 + # 个人信息 profile: title: 欢迎语 @@ -160,6 +175,36 @@ navigation: # 更多配置... ``` +### 设置网站字体 + +1. 字体配置选项: + - `family`: 字体名称,支持Web安全字体或Google Fonts + - `weight`: 字体粗细,常用值如400(常规)、500(中等)、600(粗体)等 + - `source`: 字体来源,可选"google"或"system" + +2. 字体分类: + - `title`: 标题字体,用于大标题 + - `subtitle`: 副标题字体,用于副标题 + - `body`: 正文字体,用于普通文本 + +3. 使用Google字体示例: +```yaml +fonts: + body: + family: "Noto Sans SC" # Google提供的中文字体 + weight: 400 + source: "google" +``` + +4. 使用系统字体示例: +```yaml +fonts: + body: + family: "Segoe UI, system-ui, -apple-system, sans-serif" + weight: 400 + source: "system" +``` + ### 设置网站图标 1. 准备图标文件: diff --git a/generator.js b/generator.js index 71fd52e..e5cdb74 100644 --- a/generator.js +++ b/generator.js @@ -223,6 +223,11 @@ ${generateNavigation(config.navigation)} ${generateSocialLinks(config.social)} + + diff --git a/index.html b/index.html index 7ae6b60..321a820 100644 --- a/index.html +++ b/index.html @@ -109,6 +109,11 @@ + + diff --git a/style.css b/style.css index 3da115e..d9cc632 100644 --- a/style.css +++ b/style.css @@ -923,4 +923,25 @@ body { opacity: 1; transform: scale(1); } +} + +/* 版权声明 */ +.copyright { + margin-top: auto; + padding-top: 1rem; + text-align: center; + color: #8b8c8f; + font-size: 0.85rem; + border-top: 1px solid rgba(255, 255, 255, 0.05); +} + +.copyright a { + color: #4a9eff; + text-decoration: none; + transition: all 0.3s ease; +} + +.copyright a:hover { + color: #3a8eef; + text-decoration: underline; } \ No newline at end of file