-
关于我
+
关于我
"我是一名充满热情的Java后端开发工程师，专注于AI技术的探索与应用。来自湖南，现在上海工作，享受在这座充满活力的城市中追求技术梦想。"
@@ -71,7 +74,7 @@
理想主义与道德感
@@ -80,21 +83,21 @@
关怀与同理心
-
"提倡者人格类型的人非常稀少，只有不到1%的人口属于这种类型，但他们对世界的贡献不容忽视。"
+
"提倡者人格类型的人非常稀少，只有不到1%的人口属于这种类型，但他们对世界的贡献不容忽视。"
- --
+ --
开源项目
- --
+ --
GitHub关注
- 7+
+ 7+
编程年限
diff --git a/css/about.css b/css/about.css
index d808b0e..7ca691c 100644
--- a/css/about.css
+++ b/css/about.css
@@ -34,6 +34,8 @@
--text-soft: var(--day-text-secondary);
--glass-alpha: 0.25; /* 增加毛玻璃效果 */
--glass-border: rgba(0, 0, 0, 0.08);
+ --accent-b: #8adbd0;
+ --accent-coral: #ff887a;
}
:root.theme-night {
@@ -43,6 +45,8 @@
--text-soft: rgba(248, 249, 250, 0.85);
--glass-alpha: 0.18;
--glass-border: rgba(255, 255, 255, 0.12);
+ --accent-b: #36e4cf;
+ --accent-coral: #ff6b6b;
}
@@ -290,6 +294,46 @@ body {
background-attachment: fixed;
}
+.gradient-text {
+ color: var(--text-strong);
+ background: none;
+ -webkit-text-fill-color: initial;
+ filter: none;
+ display: inline;
+}
+
+.glow-text {
+ background: linear-gradient(45deg, var(--accent-coral), var(--accent-b));
+ -webkit-background-clip: text;
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: 0 0 12px rgba(78, 205, 196, 0.35);
+}
+
+.theme-day .gradient-text {
+ color: var(--day-text-primary);
+ background: none;
+ -webkit-text-fill-color: initial;
+}
+
+@supports (-webkit-background-clip: text) {
+ .theme-night .gradient-text {
+ background: linear-gradient(90deg, #a5b4fc, #67e8f9);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ }
+}
+
+.theme-day .glow-text {
+ background: linear-gradient(45deg, #2a2d34, #3b3f46);
+ -webkit-text-fill-color: transparent;
+ text-shadow: none;
+}
+
+.theme-night .glow-text {
+ background: linear-gradient(45deg, var(--accent-coral), var(--accent-b));
+}
+
/* 动态背景 */
body::before {
content: '';
@@ -386,6 +430,7 @@ a:hover {
/*color: var(--text-strong); !* 使用主题文字颜色 *!*/
line-height: 1.7;
font-size: 1.1rem;
+ font-family: 'Playfair Display', 'Noto Serif SC', serif;
}
/* 链接下划线动画 */
@@ -687,7 +732,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
max-width: 1200px;
margin: 0 auto;
display: grid;
- grid-template-columns: 1fr 2fr;
+ grid-template-columns: 0.9fr 2.1fr;
gap: 4rem;
align-items: center;
}
@@ -803,12 +848,14 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
font-size: 0.9rem;
}
-.hero-right {
- padding-left: 2rem;
-}
+.hero-right { padding-left: 2rem; }
+.hero-right-grid { display: grid; grid-template-columns: 1.5fr 1fr; grid-auto-rows: min-content; gap: 2rem; }
+.hero-right-grid .intro-content { grid-column: 1 / 2; }
+.hero-right-grid .personality-section { grid-column: 2 / 3; }
+.hero-right-grid .hero-stats { grid-column: 2 / 3; }
.intro-content h2 {
- font-size: 2.5rem;
+ font-size: 2.6rem;
font-weight: 800;
color: #fff;
margin-bottom: 1.5rem;
@@ -816,6 +863,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
+ font-family: 'Playfair Display', 'Inter', 'PingFang SC', 'Microsoft YaHei', serif;
}
.intro-text p {
@@ -889,6 +937,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
-webkit-text-fill-color: transparent;
background-clip: text;
animation: titleGlow 3s ease-in-out infinite alternate;
+ font-family: 'Playfair Display', 'Inter', 'PingFang SC', 'Microsoft YaHei', serif;
}
@@ -945,6 +994,7 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
margin-bottom: 2rem;
font-weight: 300;
opacity: 0.8;
+ font-family: 'Inter', 'SF Pro Text', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.personality-badge {
@@ -1015,6 +1065,8 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
margin-bottom: 1rem;
position: relative;
display: inline-block;
+ font-family: 'Playfair Display', 'Inter', 'PingFang SC', 'Microsoft YaHei', serif;
+ text-shadow: 0 6px 22px rgba(0, 0, 0, 0.25);
}
.section-subtitle {
@@ -2168,11 +2220,12 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
- .hero-container {
- grid-template-columns: 1fr;
- text-align: center;
- gap: 2rem;
- }
+ .hero-container { grid-template-columns: 1.2fr 0.8fr; gap: 2.5rem; }
+ .hero-right { padding-left: 0; }
+ .hero-right-grid { grid-template-columns: 1fr; grid-auto-rows: min-content; }
+ .hero-right-grid .intro-content { grid-column: 1 / -1; }
+ .hero-right-grid .personality-section { grid-column: 1 / -1; }
+ .hero-right-grid .hero-stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
.social-grid {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
@@ -2686,3 +2739,19 @@ a:not(.nav-logo):not(.nav-links a):not(.social-link):not(.btn):not(.footer-info
}
/* 文件末尾 */
+ .hero-container { grid-template-columns: 1fr; text-align: center; gap: 2rem; }
+ .hero-right { padding-left: 0; }
+ .hero-right-grid { display: block; }
+.theme-day .nav-logo {
+ color: var(--day-text-primary);
+ background: none;
+ -webkit-text-fill-color: initial;
+}
+
+.theme-day .section-title,
+.theme-day .hero-title,
+.theme-day .view-all-link {
+ color: var(--day-text-primary);
+ background: none;
+ -webkit-text-fill-color: initial;
+}
\ No newline at end of file
diff --git a/js/about.js b/js/about.js
index 89ba9b1..27f4ffb 100644
--- a/js/about.js
+++ b/js/about.js
@@ -1,5 +1,3 @@
-
-
// 关于页面JavaScript功能 - 现代动态版本
$(document).ready(function() {
initThemeByTime();
@@ -875,94 +873,235 @@ function initPageAnimations() {
// 添加GitHub统计的CSS样式
var githubStyles = '';
@@ -1123,36 +1262,16 @@ function renderCommitStats(stats) {
var w = parseInt(stats.week||0,10);
var m = parseInt(stats.month||0,10);
var y = parseInt(stats.year||0,10);
- function pct(v){
- var p = 0;
- if (y>0) p = Math.min(100, Math.max(5, Math.round(v*100/Math.max(y,1))));
- return p;
- }
- var commitsHtml = '
'+
- '
提交统计
'+
- '
'+
- '
'+
- '
本周'+
- '
'+
- '
'+w+''+
- '
'+
- '
'+
- '
本月'+
- '
'+
- '
'+m+''+
- '
'+
- '
'+
- '
今年'+
- '
'+
- '
'+y+''+
- '
'+
- '
'+
- '
';
- $('#github-commits').html(commitsHtml);
-}
\ No newline at end of file
+
+ Array.from(document.querySelectorAll('.commit-inline-title, .commit-inline, .commit-inline-matrix, .commit-inline-group')).forEach(function(el){ el.remove(); });
+
+ var html = '
'+
+ '
提交统计
'+
+ '
'+
+ '
'+w+'本周
'+
+ '
'+m+'本月
'+
+ '
'+y+'今年
'+
+ '
'+
+ '
';
+ $('#github-commits').html(html);
+}
INFJ
- 提倡者人格
+ 提倡者人格