Skip to content

Commit 2c88238

Browse files
eallioneallion
committed
feat(css): add new color variables and spacing utilities
* added new color variables for red, orange, green, and gray * introduced new spacing utilities for top and bottom * updated timeline items in markdown to include icons * updated footer menu item icon * updated submodule reference for pehe theme Signed-off-by: Charles Chin <[email protected]>
1 parent 73c985c commit 2c88238

File tree

4 files changed

+56
-36
lines changed

4 files changed

+56
-36
lines changed

‎assets/css/main.css‎

Lines changed: 32 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,14 @@
77
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
88
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
99
"Courier New", monospace;
10+
--color-red-400: oklch(70.4% 0.191 22.216);
1011
--color-red-500: oklch(63.7% 0.237 25.331);
12+
--color-orange-600: oklch(64.6% 0.222 41.116);
1113
--color-yellow-400: oklch(85.2% 0.199 91.936);
14+
--color-green-100: oklch(96.2% 0.044 156.743);
15+
--color-green-400: oklch(79.2% 0.209 151.711);
1216
--color-green-500: oklch(72.3% 0.219 149.579);
17+
--color-green-800: oklch(44.8% 0.119 151.328);
1318
--color-blue-100: oklch(93.2% 0.032 255.585);
1419
--color-blue-300: oklch(80.9% 0.105 251.813);
1520
--color-blue-400: oklch(70.7% 0.165 254.624);
@@ -21,6 +26,7 @@
2126
--color-gray-100: oklch(96.7% 0.003 264.542);
2227
--color-gray-200: oklch(92.8% 0.006 264.531);
2328
--color-gray-300: oklch(87.2% 0.01 258.338);
29+
--color-gray-400: oklch(70.7% 0.022 261.325);
2430
--color-gray-500: oklch(55.1% 0.027 264.364);
2531
--color-gray-600: oklch(44.6% 0.03 256.802);
2632
--color-gray-700: oklch(37.3% 0.034 259.733);
@@ -317,6 +323,9 @@
317323
.top-1\/2 {
318324
top: calc(1/2 * 100%);
319325
}
326+
.top-6 {
327+
top: calc(var(--spacing) * 6);
328+
}
320329
.top-full {
321330
top: 100%;
322331
}
@@ -338,6 +347,9 @@
338347
.-bottom-1 {
339348
bottom: calc(var(--spacing) * -1);
340349
}
350+
.-bottom-6 {
351+
bottom: calc(var(--spacing) * -6);
352+
}
341353
.bottom-0 {
342354
bottom: calc(var(--spacing) * 0);
343355
}
@@ -389,6 +401,9 @@
389401
.m-0 {
390402
margin: calc(var(--spacing) * 0);
391403
}
404+
.m-300 {
405+
margin: calc(var(--spacing) * 300);
406+
}
392407
.mx-1 {
393408
margin-inline: calc(var(--spacing) * 1);
394409
}
@@ -876,9 +891,6 @@
876891
.mt-24 {
877892
margin-top: calc(var(--spacing) * 24);
878893
}
879-
.-mr-1 {
880-
margin-right: calc(var(--spacing) * -1);
881-
}
882894
.mr-1 {
883895
margin-right: calc(var(--spacing) * 1);
884896
}
@@ -945,9 +957,6 @@
945957
.mb-24 {
946958
margin-bottom: calc(var(--spacing) * 24);
947959
}
948-
.-ml-1 {
949-
margin-left: calc(var(--spacing) * -1);
950-
}
951960
.ml-1 {
952961
margin-left: calc(var(--spacing) * 1);
953962
}
@@ -1815,9 +1824,6 @@
18151824
.pr-\[5px\] {
18161825
padding-right: 5px;
18171826
}
1818-
.pb-1 {
1819-
padding-bottom: calc(var(--spacing) * 1);
1820-
}
18211827
.pb-3 {
18221828
padding-bottom: calc(var(--spacing) * 3);
18231829
}
@@ -1851,9 +1857,6 @@
18511857
.align-bottom {
18521858
vertical-align: bottom;
18531859
}
1854-
.font-mono {
1855-
font-family: var(--font-mono);
1856-
}
18571860
.text-2xl {
18581861
font-size: var(--text-2xl);
18591862
line-height: var(--tw-leading, var(--text-2xl--line-height));
@@ -1901,6 +1904,10 @@
19011904
--tw-leading: 12px;
19021905
line-height: 12px;
19031906
}
1907+
.leading-none {
1908+
--tw-leading: 1;
1909+
line-height: 1;
1910+
}
19041911
.leading-normal {
19051912
--tw-leading: var(--leading-normal);
19061913
line-height: var(--leading-normal);
@@ -1981,6 +1988,9 @@
19811988
.text-neutral-900 {
19821989
color: var(--color-neutral-900);
19831990
}
1991+
.text-orange-600 {
1992+
color: var(--color-orange-600);
1993+
}
19841994
.text-red-500 {
19851995
color: var(--color-red-500);
19861996
}
@@ -3152,6 +3162,11 @@
31523162
background-color: #768390;
31533163
}
31543164
}
3165+
.dark\:bg-gray-700 {
3166+
&:where(.dark, .dark *) {
3167+
background-color: var(--color-gray-700);
3168+
}
3169+
}
31553170
.dark\:text-\[\#768390\] {
31563171
&:where(.dark, .dark *) {
31573172
color: #768390;
@@ -3162,6 +3177,11 @@
31623177
color: #adbac7;
31633178
}
31643179
}
3180+
.dark\:text-gray-400 {
3181+
&:where(.dark, .dark *) {
3182+
color: var(--color-gray-400);
3183+
}
3184+
}
31653185
.dark\:text-neutral-400 {
31663186
&:where(.dark, .dark *) {
31673187
color: var(--color-neutral-400);

‎config/_default/menus.toml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@
6464
post = "external-link"
6565
[[footer]]
6666
name = 'RSS'
67-
pre = "rss"
67+
pre = "rss-square"
6868
url = '/index.xml'
6969
weight = 88
7070
[[footer]]

‎content/milestone/index.md‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -24,88 +24,88 @@ aliases:
2424

2525
### 主题 Pehe {#主题-Pehe}
2626

27-
{{< timeline-item date="Nov 19, 2025" index="1" title="主题 Pehe" >}}博客主题迁移到 [Pehe](https://github.com/eallion/pehe)（[Pehtheme-hugo](https://github.com/fauzanmy/pehtheme-hugo) enhanced）。<br>Fork 了 pehtheme，升级到 TailwindCSS v4 并作了大量修改，修复大量 Bug，完善大量功能。如：Pagefind、Darkmode…{{< /timeline-item >}}
27+
{{< timeline-item date="Nov 19, 2025" index="1" title="主题 Pehe" icon="github" >}}博客主题迁移到 [Pehe](https://github.com/eallion/pehe)（[Pehtheme-hugo](https://github.com/fauzanmy/pehtheme-hugo) enhanced）。<br>Fork 了 pehtheme，升级到 TailwindCSS v4 并作了大量修改，修复大量 Bug，完善大量功能。如：Pagefind、Darkmode…{{< /timeline-item >}}
2828

2929
### Directus {#directus}
3030

31-
{{< timeline-item date="Aug 18, 2025" index="1" title="Directus" >}}博客文章用 Headless CMS Directus 管理。<br/>API 脚本：<code><a href="https://github.com/eallion/eallion.com/blob/main/scripts/directus-fetch-all.js" target="_blank" rel="noopener noreferrer">node scripts/directus-fetch-all.js</a></code>。{{< /timeline-item >}}
31+
{{< timeline-item date="Aug 18, 2025" index="1" title="Directus" icon="directus" >}}博客文章用 Headless CMS Directus 管理。<br/>API 脚本：<code><a href="https://github.com/eallion/eallion.com/blob/main/scripts/directus-fetch-all.js" target="_blank" rel="noopener noreferrer">node scripts/directus-fetch-all.js</a></code>。{{< /timeline-item >}}
3232

3333
### i18n {#i18n}
3434

35-
{{< timeline-item date="Aug 7, 2025" index="2" title="i18n" >}}取消了多语言配置，只保留了中文版博客。现在连中文博客都不写了，更不会学习写英文博客了。一年半的时间，只写一篇英文博客，还是一篇关于 Chrome 插件的更新通知。{{< /timeline-item >}}
35+
{{< timeline-item date="Aug 7, 2025" index="2" title="i18n" icon="i18n" >}}取消了多语言配置，只保留了中文版博客。现在连中文博客都不写了，更不会学习写英文博客了。一年半的时间，只写一篇英文博客，还是一篇关于 Chrome 插件的更新通知。{{< /timeline-item >}}
3636

3737
### ESA {#ESA}
3838

39-
{{< timeline-item date="Oct 9, 2024" index="3" title="ESA" >}}Hugo 部署至阿里云 <a href="https://s.e5n.cc/esa" target="_blank" rel="noopener noreferrer">边缘安全加速 ESA</a> Edge Security Acceleration。{{< /timeline-item >}}
39+
{{< timeline-item date="Oct 9, 2024" index="3" title="ESA" icon="aliyun" >}}Hugo 部署至阿里云 <a href="https://s.e5n.cc/esa" target="_blank" rel="noopener noreferrer">边缘安全加速 ESA</a> Edge Security Acceleration。{{< /timeline-item >}}
4040

4141
### Shiki 语法高亮 {#shiki-语法高亮}
4242

43-
{{< timeline-item date="Aug 15, 2024" index="4" title="Shiki 语法高亮" >}}经过 2 个月测试后，把博客的代码语法高亮器切换到 <code><a href="https://github.com/shikijs/shiki" target="_blank" rel="noopener noreferrer">Shiki</a></code>。细节可参考文章：《[在 Hugo 中使用 Shiki](/hugo-syntax-highlight-shiki/)》{{< /timeline-item >}}
43+
{{< timeline-item date="Aug 15, 2024" index="4" title="Shiki 语法高亮" icon="shiki" >}}经过 2 个月测试后，把博客的代码语法高亮器切换到 <code><a href="https://github.com/shikijs/shiki" target="_blank" rel="noopener noreferrer">Shiki</a></code>。细节可参考文章：《[在 Hugo 中使用 Shiki](/hugo-syntax-highlight-shiki/)》{{< /timeline-item >}}
4444

4545
### 热力图 {#热力图}
4646

47-
{{< timeline-item date="Jul 20, 2024" index="5" title="热力图" >}}博客首页热力图，统计页热力图、统计图、饼图都去掉依赖库和插件。用 CSS 和 JS 实现。生成热力图的细节可参考文章：《[CSS 和 JS 实现博客热力图](/blog-heatmap/)》{{< /timeline-item >}}
47+
{{< timeline-item date="Jul 20, 2024" index="5" title="热力图" icon="heatmap" >}}博客首页热力图，统计页热力图、统计图、饼图都去掉依赖库和插件。用 CSS 和 JS 实现。生成热力图的细节可参考文章：《[CSS 和 JS 实现博客热力图](/blog-heatmap/)》{{< /timeline-item >}}
4848

4949
### 主题 Blowfish {#主题-blowfish}
5050

51-
{{< timeline-item date="Apr 10, 2024" index="6" title="主题 Blowfish" >}}Hugo 主题迁移到 <code><a href="https://github.com/nunocoracao/blowfish" target="_blank" rel="noopener noreferrer">blowfish</a></code>。{{< /timeline-item >}}
51+
{{< timeline-item date="Apr 10, 2024" index="6" title="主题 Blowfish" icon="github" >}}Hugo 主题迁移到 <code><a href="https://github.com/nunocoracao/blowfish" target="_blank" rel="noopener noreferrer">blowfish</a></code>。{{< /timeline-item >}}
5252

5353
### 外链跳转 {#外链跳转}
5454

55-
{{< timeline-item date="Feb 3, 2024" index="7" title="外链跳转" >}}为了防止炸弹人，为博客添加了外部链接跳转提示页面，细节可参考文章：《[Hugo 外部链接跳转提示页面](/hugo-redirect-landing-page/)》{{< /timeline-item >}}
55+
{{< timeline-item date="Feb 3, 2024" index="7" title="外链跳转" icon="direction" >}}为了防止炸弹人，为博客添加了外部链接跳转提示页面，细节可参考文章：《[Hugo 外部链接跳转提示页面](/hugo-redirect-landing-page/)》{{< /timeline-item >}}
5656

5757
### Cloudflare {#Cloudflare}
5858

59-
{{< timeline-item date="Jan 8, 2024" index="8" title="Cloudflare" >}}域名转出至 Cloudflare，细节可参考文章：《[2024 博客变化](/2024-blog-refactor/)》{{< /timeline-item >}}
59+
{{< timeline-item date="Jan 8, 2024" index="8" title="Cloudflare" icon="cloudflare" >}}域名转出至 Cloudflare，细节可参考文章：《[2024 博客变化](/2024-blog-refactor/)》{{< /timeline-item >}}
6060

6161
### EdgeOne {#EdgeOne}
6262

63-
{{< timeline-item date="Jan 6, 2024" index="9" title="EdgeOne" >}}Hugo 部署至腾讯云 <code><a href="https://s.e5n.cc/teo" target="_blank" rel="noopener noreferrer">EdgeOne</a></code>，支持 Anycast。{{< /timeline-item >}}
63+
{{< timeline-item date="Jan 6, 2024" index="9" title="EdgeOne" icon="edgeone" >}}Hugo 部署至腾讯云 <code><a href="https://s.e5n.cc/teo" target="_blank" rel="noopener noreferrer">EdgeOne</a></code>，支持 Anycast。{{< /timeline-item >}}
6464

6565
### AI 摘要 {#AI-摘要}
6666

67-
{{< timeline-item date="Jul 18, 2023" index="10" title="AI 摘要" >}}引入 TianliGPT AI 摘要，因技术和性能问题，后改为用 OpenAI 官方的 ChatGPT 预生成。细节可参考文章：《[博客 AI 摘要及优化](/ai-summary/)》{{< /timeline-item >}}
67+
{{< timeline-item date="Jul 18, 2023" index="10" title="AI 摘要" icon="summary" >}}引入 TianliGPT AI 摘要，因技术和性能问题，后改为用 OpenAI 官方的 ChatGPT 预生成。细节可参考文章：《[博客 AI 摘要及优化](/ai-summary/)》{{< /timeline-item >}}
6868

6969
### 观影记录 {#观影记录}
7070

71-
{{< timeline-item date="Jul 11, 2023" index="11" title="观影记录" >}}因为豆瓣的封闭和不稳定，转为利用 NeoDB API 创建观影页面，细节可参考文章：《[NeoDB API 创建观影页面](/neodb/)》{{< /timeline-item >}}
71+
{{< timeline-item date="Jul 11, 2023" index="11" title="观影记录" icon="neodb" >}}因为豆瓣的封闭和不稳定，转为利用 NeoDB API 创建观影页面，细节可参考文章：《[NeoDB API 创建观影页面](/neodb/)》{{< /timeline-item >}}
7272

7373
### 主题 DoIt {#主题-doit}
7474

75-
{{< timeline-item date="Dec 12, 2022" index="12" title="主题 DoIt" >}}Hugo 主题迁移到 <code><a href="https://github.com/HEIGE-PCloud/DoIt" target="_blank" rel="noopener noreferrer">DoIt</a></code>。{{< /timeline-item >}}
75+
{{< timeline-item date="Dec 12, 2022" index="12" title="主题 DoIt" icon="github" >}}Hugo 主题迁移到 <code><a href="https://github.com/HEIGE-PCloud/DoIt" target="_blank" rel="noopener noreferrer">DoIt</a></code>。{{< /timeline-item >}}
7676

7777
### Hugo {#hugo}
7878

79-
{{< timeline-item date="Mar 11, 2020" index="13" title="Hugo" >}}博客程序迁移到 Hugo。主题 <code><a href="https://github.com/panr/hugo-theme-hello-friend" target="_blank" rel="noopener noreferrer">theme-hello-friend</a></code>。{{< /timeline-item >}}
79+
{{< timeline-item date="Mar 11, 2020" index="13" title="Hugo" icon="hugo" >}}博客程序迁移到 Hugo。主题 <code><a href="https://github.com/panr/hugo-theme-hello-friend" target="_blank" rel="noopener noreferrer">theme-hello-friend</a></code>。{{< /timeline-item >}}
8080

8181
### 断舍离 {#断舍离}
8282

83-
{{< timeline-item date="Jun 9, 2019" index="14" title="断舍离" >}}注销微博、QQ 空间、知乎、豆瓣及其他国内社交平台账号。部分无法注销的平台则清空内容停止活跃。后因标记观影记录找回豆瓣。{{< /timeline-item >}}
83+
{{< timeline-item date="Jun 9, 2019" index="14" title="断舍离" icon="offline" >}}注销微博、QQ 空间、知乎、豆瓣及其他国内社交平台账号。部分无法注销的平台则清空内容停止活跃。后因标记观影记录找回豆瓣。{{< /timeline-item >}}
8484

8585
### Mastodon {#mastodon}
8686

87-
{{< timeline-item date="Apr 22, 2017" index="15" title="Mastodon" >}}自建 Mastodon 并加入 <a href="https://mastodon.social/@eallion/3726552" target="_blank" rel="noopener noreferrer">Mastodon.social</a> 官方实例。{{< /timeline-item >}}
87+
{{< timeline-item date="Apr 22, 2017" index="15" title="Mastodon" icon="mastodon" >}}自建 Mastodon 并加入 <a href="https://mastodon.social/@eallion/3726552" target="_blank" rel="noopener noreferrer">Mastodon.social</a> 官方实例。{{< /timeline-item >}}
8888

8989
### GitHub {#github}
9090

91-
{{< timeline-item date="May 2, 2012" index="16" title="GitHub" >}}加入 <a href="https://github.com/eallion?tab=overview&from=2012-05-01&to=2012-05-31" target="_blank" rel="noopener noreferrer">GitHub</a>。{{< /timeline-item >}}
91+
{{< timeline-item date="May 2, 2012" index="16" title="GitHub" icon="github" >}}加入 <a href="https://github.com/eallion?tab=overview&from=2012-05-01&to=2012-05-31" target="_blank" rel="noopener noreferrer">GitHub</a>。{{< /timeline-item >}}
9292

9393
### Typecho {#typecho}
9494

95-
{{< timeline-item date="Mar 8, 2011" index="17" title="Typecho" >}}博客程序迁移到 Typecho。{{< /timeline-item >}}
95+
{{< timeline-item date="Mar 8, 2011" index="17" title="Typecho" icon="typecho" >}}博客程序迁移到 Typecho。{{< /timeline-item >}}
9696

9797
### Wordpress {#wordpress}
9898

99-
{{< timeline-item date="Mar 26, 2010" index="18" title="Wordpress" >}}主域名从 <code>eallion.cn</code> 更换为 <code>eallion.com</code>，开始使用 Wordpress。{{< /timeline-item >}}
99+
{{< timeline-item date="Mar 26, 2010" index="18" title="Wordpress" icon="wordpress" >}}主域名从 <code>eallion.cn</code> 更换为 <code>eallion.com</code>，开始使用 Wordpress。{{< /timeline-item >}}
100100

101101
### Twitter {#twitter}
102102

103-
{{< timeline-item date="Nov 11, 2009" index="19" title="Twitter" >}}加入 <a href="https://x.com/eallion" target="_blank" rel="noopener noreferrer">Twitter</a>。目前停止活跃。{{< /timeline-item >}}
103+
{{< timeline-item date="Nov 11, 2009" index="19" title="Twitter" icon="twitter" >}}加入 <a href="https://x.com/eallion" target="_blank" rel="noopener noreferrer">Twitter</a>。目前停止活跃。{{< /timeline-item >}}
104104

105105
### Steam {#steam}
106106

107-
{{< timeline-item date="Apr 5, 2007" index="20" title="Steam" >}}加入 <a href="https://steamcommunity.com/id/eallion/badges/1" target="_blank" rel="noopener noreferrer">Steam</a>。支持正版 CS1.6。{{< /timeline-item >}}
107+
{{< timeline-item date="Apr 5, 2007" index="20" title="Steam" icon="steam" >}}加入 <a href="https://steamcommunity.com/id/eallion/badges/1" target="_blank" rel="noopener noreferrer">Steam</a>。支持正版 CS1.6。{{< /timeline-item >}}
108108

109109
### 开始博客旅程 {#开始博客旅程}
110110

111-
{{< timeline-item date="2006" index="21" title="开始博客旅程" >}}在微软 w.cn 注册 <code>eallion.cn</code> 从 QZone 迁移，开始做个人主页。在此之前的域名，跟此 ID 无强关联。略过不表。{{< /timeline-item >}}
111+
{{< timeline-item date="2006" index="21" title="开始博客旅程" icon="" >}}在微软 w.cn 注册 <code>eallion.cn</code> 从 QZone 迁移，开始做个人主页。在此之前的域名，跟此 ID 无强关联。略过不表。{{< /timeline-item >}}

‎themes/pehe‎

Submodule pehe updated 161 files

0 commit comments

Comments
 (0)