Skip to content

Commit 0106d8f

Browse files
hustshawnhustshawn
committed
feat: updated the blog site name and about me
1 parent 9d44980 commit 0106d8f

File tree

3 files changed

+185
-29
lines changed

3 files changed

+185
-29
lines changed

‎assets/css/extended/links.css‎

Lines changed: 173 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,173 @@
1+
/* Enhanced link styling for better visibility and user experience */
2+
3+
/* Main content links */
4+
.post-content a,
5+
.page-content a,
6+
.entry-content a {
7+
color: #1e6bb8 !important; /* Nice blue color */
8+
text-decoration: none;
9+
border-bottom: 2px solid transparent;
10+
transition: all 0.3s ease;
11+
position: relative;
12+
font-weight: 500;
13+
}
14+
15+
.post-content a:hover,
16+
.page-content a:hover,
17+
.entry-content a:hover {
18+
/* No color change on hover - keep original color */
19+
}
20+
21+
/* Alternative underline animation effect */
22+
.post-content a::after,
23+
.page-content a::after,
24+
.entry-content a::after {
25+
content: "";
26+
position: absolute;
27+
width: 0;
28+
height: 2px;
29+
bottom: -2px;
30+
left: 0;
31+
background: linear-gradient(90deg, #1e6bb8, #4a90e2);
32+
transition: width 0.3s ease;
33+
}
34+
35+
.post-content a:hover::after,
36+
.page-content a:hover::after,
37+
.entry-content a:hover::after {
38+
width: 100%;
39+
}
40+
41+
/* External link indicator */
42+
.post-content a[href^="http"]:not([href*="yourdomain.com"])::before,
43+
.page-content a[href^="http"]:not([href*="yourdomain.com"])::before,
44+
.entry-content a[href^="http"]:not([href*="yourdomain.com"])::before {
45+
content: "🔗 ";
46+
font-size: 0.8em;
47+
opacity: 0.7;
48+
margin-right: 0.2em;
49+
}
50+
51+
/* Special styling for reference links */
52+
.post-content a[href*="wikipedia.org"]::before,
53+
.page-content a[href*="wikipedia.org"]::before,
54+
.entry-content a[href*="wikipedia.org"]::before {
55+
content: "📖 ";
56+
}
57+
58+
.post-content a[href*="github.com"]::before,
59+
.page-content a[href*="github.com"]::before,
60+
.entry-content a[href*="github.com"]::before {
61+
content: "⚡ ";
62+
}
63+
64+
.post-content a[href*="cloud.google.com"]::before,
65+
.page-content a[href*="cloud.google.com"]::before,
66+
.entry-content a[href*="cloud.google.com"]::before {
67+
content: "☁️ ";
68+
}
69+
70+
/* Navigation and menu links */
71+
.nav a,
72+
.menu a {
73+
color: var(--primary) !important;
74+
text-decoration: none;
75+
transition: color 0.3s ease;
76+
}
77+
78+
.nav a:hover,
79+
.menu a:hover {
80+
color: #1e6bb8 !important;
81+
}
82+
83+
/* Footer links */
84+
.footer a {
85+
color: #1e6bb8 !important;
86+
text-decoration: none;
87+
transition: all 0.3s ease;
88+
}
89+
90+
.footer a:hover {
91+
/* No color change on hover - keep original color */
92+
}
93+
94+
/* Dark mode adjustments */
95+
[data-theme="dark"] .post-content a,
96+
[data-theme="dark"] .page-content a,
97+
[data-theme="dark"] .entry-content a {
98+
color: #4a90e2 !important; /* Lighter blue for dark mode */
99+
}
100+
101+
[data-theme="dark"] .post-content a:hover,
102+
[data-theme="dark"] .page-content a:hover,
103+
[data-theme="dark"] .entry-content a:hover {
104+
/* No color change on hover - keep original color */
105+
}
106+
107+
/* Light mode adjustments */
108+
[data-theme="light"] .post-content a,
109+
[data-theme="light"] .page-content a,
110+
[data-theme="light"] .entry-content a {
111+
color: #0066cc !important;
112+
}
113+
114+
[data-theme="light"] .post-content a:hover,
115+
[data-theme="light"] .page-content a:hover,
116+
[data-theme="light"] .entry-content a:hover {
117+
/* No color change on hover - keep original color */
118+
}
119+
120+
[data-theme="light"] .post-content a::after,
121+
[data-theme="light"] .page-content a::after,
122+
[data-theme="light"] .entry-content a::after {
123+
background: linear-gradient(90deg, #0066cc, #004499);
124+
}
125+
126+
/* Accessibility improvements */
127+
.post-content a:focus,
128+
.page-content a:focus,
129+
.entry-content a:focus {
130+
outline: 2px solid #1e6bb8;
131+
outline-offset: 2px;
132+
border-radius: 2px;
133+
}
134+
135+
/* Mobile responsiveness */
136+
@media (max-width: 768px) {
137+
.post-content a,
138+
.page-content a,
139+
.entry-content a {
140+
font-weight: 600; /* Make links more prominent on mobile */
141+
}
142+
143+
/* Reduce icon size on mobile */
144+
.post-content a[href^="http"]::before,
145+
.page-content a[href^="http"]::before,
146+
.entry-content a[href^="http"]::before {
147+
font-size: 0.7em;
148+
}
149+
}
150+
151+
/* Print styles */
152+
@media print {
153+
.post-content a,
154+
.page-content a,
155+
.entry-content a {
156+
color: #000 !important;
157+
text-decoration: underline !important;
158+
}
159+
160+
.post-content a::after,
161+
.page-content a::after,
162+
.entry-content a::after {
163+
display: none;
164+
}
165+
166+
.post-content a[href^="http"]::after,
167+
.page-content a[href^="http"]::after,
168+
.entry-content a[href^="http"]::after {
169+
content: " (" attr(href) ")";
170+
font-size: 0.8em;
171+
color: #666;
172+
}
173+
}

‎config.yml‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
baseURL: 'https://hustshawn.github.io/'
22
languageCode: 'en-us'
3-
title: "Shawn's Technical Blog"
3+
title: "Clean Arch"
44
description: 'A technical blog for sharing knowledge and insights'
55
author: 'Shawn Zhang'
66

@@ -25,7 +25,7 @@ params:
2525
mermaid: true
2626
# PaperMod theme settings
2727
env: production # to enable google analytics, opengraph, twitter-cards and schema.
28-
title: "Shawn's Technical Blog"
28+
title: "Clean Arch"
2929
description: 'A technical blog for sharing knowledge and insights'
3030
keywords: ['technical', 'blog', 'programming', 'development', 'coding', 'software']
3131
author: 'Shawn Zhang'
@@ -37,12 +37,12 @@ params:
3737
# Profile mode (for homepage)
3838
profileMode:
3939
enabled: false
40-
title: "Shawn's Technical Blog"
40+
title: "Clean Arch"
4141
subtitle: 'Sharing knowledge and insights'
4242
imageUrl: ''
4343
imageWidth: 120
4444
imageHeight: 120
45-
imageTitle: "Shawn's Technical Blog"
45+
imageTitle: "Clean Arch"
4646
buttons:
4747
- name: Posts
4848
url: posts
@@ -51,7 +51,7 @@ params:
5151

5252
# Home page settings
5353
homeInfoParams:
54-
Title: "Welcome to Shawn's Technical Blog"
54+
Title: "Welcome to Clean Arch"
5555
Content: 'A place for sharing technical knowledge, programming insights, and development best practices.'
5656

5757
# Social media and SEO
@@ -69,7 +69,7 @@ params:
6969
ShowReadingTime: true
7070
ShowShareButtons: true
7171
ShowPostNavLinks: true
72-
ShowBreadCrumbs: true
72+
ShowBreadCrumbs: false
7373
ShowCodeCopyButtons: true
7474
ShowWordCount: true
7575
ShowRssButtonInSectionTermList: true
@@ -110,9 +110,9 @@ params:
110110

111111
# Edit post settings
112112
editPost:
113-
URL: "https://github.com/hustshawn/hustshawn.github.io/content"
113+
URL: "https://github.com/hustshawn/hustshawn.github.io/"
114114
Text: "Suggest Changes" # edit text
115-
appendFilePath: true # to append file path to Edit link
115+
appendFilePath: false # to append file path to Edit link
116116

117117
# Menu configuration
118118
menu:

‎content/about.md‎

Lines changed: 4 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -4,42 +4,25 @@ date: 2025-09-09T00:00:00Z
44
draft: false
55
description: ""
66
showToc: false
7+
rss_exclude: true
78
---
89

910
# About this blog site
1011

11-
Welcome to my technical blog! This is a platform dedicated to sharing knowledge, insights, and best practices in software development, programming, and technology.
12+
Welcome to Clean Arch! This is my personal blog site dedicated to sharing knowledge, insights, and best practices in software development, Architecture patterns.
1213

1314
## About Me
1415

15-
Hey there! I'm a Specialist Solutions Architect at AWS Hong Kong, where I spend my days diving deep into containers, serverless architectures, and the ever-evolving world of Generative AI. What gets me excited? Building systems that scale beautifully and helping teams unlock the potential of cloud-native technologies.
16+
Hey there! I'm a Specialist Solutions Architect at AWS Hong Kong, passionate about containers, serverless architectures, and the transformative power of Generative AI. I thrive on building scalable systems and empowering teams to harness cloud-native technologies. My philosophy? Working efficiently, clean, elegant design over unnecessary complexity—which is exactly why I named this blog "Clean Arch."
1617

1718
Before AWS, I cut my teeth in DevOps and platform engineering across various companies in the region, learning that the best solutions often come from understanding both the technical challenges and the human stories behind them.
1819

1920
Outside of work, you'll find me exploring the intersection of system design, Kubernetes, platform engineering, and GenAI innovations. I believe in sharing knowledge and building communities around these technologies—hence this blog.
2021

2122
I'm passionate about making complex systems simple and helping others navigate the rapidly changing landscape of modern software architecture.
2223

23-
## What You'll Find Here
24-
25-
- **Technical Insights**: In-depth analysis of complex technical topics
26-
- **Best Practices**: Industry standards and recommended approaches
27-
- **Tool Reviews**: Evaluations of development tools and technologies
28-
- **Problem Solving**: Solutions to common (and uncommon) technical challenges
29-
30-
## Features
31-
32-
This blog is built with Hugo and optimized for technical content:
33-
34-
- **Syntax Highlighting**: Code blocks with Monokai color scheme for better readability
35-
- **Responsive Design**: Mobile-friendly layout that works on all devices
36-
- **Fast Loading**: Static site generation for optimal performance
37-
- **Search Functionality**: Easily find content across all posts
38-
- **Copy Code Buttons**: One-click copying of code snippets
39-
- **Table of Contents**: Navigate long articles with ease
40-
4124
## Get in Touch
4225

43-
Feel free to reach out through our social media links or contribute to discussions in the comments section of our posts.
26+
Feel free to reach out through my social media links or contribute to discussions in the comments section of my posts.
4427

4528
Happy coding! 🚀

0 commit comments

Comments
 (0)