From ba994a6e9f96a4ba9e9e21ebc8aa6b23b0f681c2 Mon Sep 17 00:00:00 2001 From: hmtsai Date: Fri, 16 Aug 2024 12:36:57 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=8D=A2=E5=AD=97=E4=BD=93=EF=BC=8C?= =?UTF-8?q?=E9=87=8D=E6=9E=84=E6=95=B4=E4=B8=AA=E9=A1=B9=E7=9B=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.css | 101 ++++++++++++++++++++++++++++++++++++++++++++++++----- index.html | 89 ++++++++++++++++++++++------------------------ 2 files changed, 134 insertions(+), 56 deletions(-) diff --git a/index.css b/index.css index 7d1493d..2c3eb76 100644 --- a/index.css +++ b/index.css @@ -1,12 +1,95 @@ -*{ - padding:0; - margin:0; - color:#fff; +@import url("https://chinese-fonts-cdn.deno.dev/packages/jhlst/dist/京華老宋体v1_007/result.css"); +@import url("https://chinese-fonts-cdn.deno.dev/packages/syst/dist/SourceHanSerifCN/result.css"); + +:root { + --font: "Source Han Serif CN VF"; + --title-font: "KingHwa_OldSong"; + --font-scale: 1em; } -#naviBar{ - height:55px; - width:100%; - background-color: #3f3f5f; - display: flex; +@media (prefers-color-scheme: light) { + :root { + --background-color: #fff; + /* 背景颜色 */ + --heading-color: #222; + --nav-color: #222; + --text-color: #333; + /* 主要字体颜色 */ + --sub-color: #666; + --gray-color: #999; + --link-color: #444; + --code-color: #222; + --border-color: #ddd; + --line-color: #f1f1f1; + } +} + +@media (prefers-color-scheme: dark) { + :root { + --background-color: #0f0f0f; + /* 背景颜色 */ + --heading-color: #f2f2f2; + --nav-color: #f2f2f2; + --text-color: #f3f5fd; + /* 主要字体颜色 */ + --sub-color: #999; + --gray-color: #bbb; + --link-color: #bbb; + --code-color: #999; + --border-color: #ddd; + --line-color: #f1f1f1; + } +} + +* { + color: var(--heading-color); +} + +html, +body { + margin: auto; + height: 100%; + width: 500px; + background-color: var(--background-color); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: var(--title-font); +} + +.header { + margin-bottom: 0.5em; +} + +.header h1 { + margin: 0.5em 0 0 0; +} + +.header .desc { + font-family: var(--font); + font-style: italic; +} + +.card .card-title { + font-family: var(--title-font); + font-size: 1.5em; +} + +.card .desc { + font-family: var(--font); +} + +.card .link-span { + float: right; +} + +.card a { + font-family: var(--font); + font-size: 1em; + margin: 0.5em 0 0 0; } diff --git a/index.html b/index.html index 0cb1a53..db49b91 100644 --- a/index.html +++ b/index.html @@ -1,58 +1,53 @@ - + + - - - - - - - - - Hmtsai's Website - - + + Hmtsai的小站 - - - Hmtsai's Website -
- Blog - Gitea - + +
+

Hmtsai的小站

+ Always think yourself. +
-

Websites

-
- - -

Hmtsai's Blog

- -

Read more.

- - -

Hmtsai Gitea

- -

Read more

- +
+

一些链接

-

Projects

- -
-

Nothing...

+
+ 博客 + 让文思流于笔尖，写于纸上。 + 前往 > +
-
-
-
-
-

This Page's Source Code in Here -

+
+ Github 主页 + 让代码表述你思维的逻辑。 + 前往 > +
+ +

个人项目

+ +
+ Study Area CN + 知识应该被共享。 + 前往 > +
+ +
+ Single Text + 一个 Typecho 主题。 + 前往 > +
+ +
+ Hmtsai主页 + 我即我。 + 前往 > +
+