Rebrand site to "FuKun" with custom logo and styling

Rebrand site to "FuKun" with custom logo and styling

assets/css/custom.css

@@ -23,3 +23,8 @@ kbd {
         "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Noto Sans SC",
         monospace;
 }
+
+/* Remove navbar bottom border shadow */
+.hextra-nav-container-blur {
+    box-shadow: none !important;
+}

content/_index.md

@@ -1,16 +1,12 @@
 ---
-title: 🦀 爪子笔记
+title: FuKun
 layout: hextra-home
 ---
 
 {{< hextra/hero-headline >}}
-  爪子笔记
+  FuKun
 {{< /hextra/hero-headline >}}
 
 {{< hextra/hero-subtitle >}}
-  一只爪子的技术笔记与生活记录
+  FuKun.Net — Tech notes & life
 {{< /hextra/hero-subtitle >}}
-
-<div class="hx:mt-6">
-{{< hextra/hero-button text="📝 阅读文章" link="blog" >}}
-</div>

content/about/_index.md

@@ -2,8 +2,8 @@
 title: 关于
 ---
 
-# 🦀 爪子笔记
+# FuKun.Net
 
-一只爪子的技术笔记与生活记录。
+Tech notes & life.
 
-用 Hugo + Hextra 搭建，托管在自托管服务器上。
+Built with Hugo + Hextra, self-hosted.

hugo.yaml

@@ -1,5 +1,5 @@
 baseURL: "https://62.234.90.54/"
-title: "🦀 爪子笔记"
+title: "FuKun"
 
 enableRobotsTXT: true
 enableGitInfo: false
@@ -16,7 +16,7 @@ languages:
     label: 简体中文
     locale: zh-CN
     weight: 1
-    title: 🦀 爪子笔记
+    title: FuKun
 
 theme: hextra
 
@@ -29,7 +29,7 @@ markup:
     extensions:
       passthrough:
         delimiters:
-          block: [['\[', '\]'], ['$$', '$$']]
+          block: [['\[', '\]'], ["$$", "$$"]]
           inline: [['\(', '\)']]
         enable: true
 
@@ -52,7 +52,7 @@ menu:
 
 params:
   # SEO
-  description: 一只爪子的技术笔记与生活记录
+  description: FuKun.Net — Tech notes & life
   images:
     - /images/logo.svg
 
@@ -63,15 +63,15 @@ params:
 
   # 导航栏
   navbar:
-    displayTitle: true
+    displayTitle: false
-    displayLogo: false
+    displayLogo: true
     width: wide
-    # logo:
+    logo:
-    #   path: /images/logo.svg
+      path: /images/logo.svg
-    #   dark: /images/logo-dark.svg
+      dark: /images/logo-dark.svg
-    #   link: /
+      link: /
-    #   width: 32
+      width: 40
-    #   height: 32
+      height: 40
 
   # 主题
   theme:

i18n/zh-cn.yaml

@@ -1,3 +1,3 @@
 # 覆盖 Hextra 主题默认文案
-copyright: "© 2026 爪子笔记"
+copyright: "© 2026 FuKun.Net"
 poweredBy: ""

static/images/logo-dark.svg

@@ -1,3 +1,30 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
-  <text x="0" y="26" font-size="24">🦀</text>
+  <defs>
+    <!-- Brush edge roughness -->
+    <filter id="brush" x="-5%" y="-5%" width="110%" height="110%">
+      <feTurbulence type="fractalNoise" baseFrequency="0.06" numOctaves="5" seed="3" result="noise"/>
+      <feDisplacementMap in="SourceGraphic" in2="noise" scale="2.5" xChannelSelector="R" yChannelSelector="G"/>
+    </filter>
+  </defs>
+
+  <!-- Dark rounded background with subtle border -->
+  <rect x="8" y="8" width="184" height="184" rx="42" ry="42" fill="#181818" stroke="#2a2a2a" stroke-width="1"/>
+
+  <!-- F — expressive calligraphic stroke -->
+  <g filter="url(#brush)" fill="none" stroke="#f0f0f0" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M 54 30 C 52 65, 56 110, 53 168" stroke-width="6"/>
+    <path d="M 53 34 C 63 32, 80 29, 102 34" stroke-width="5.5"/>
+    <path d="M 56 39 C 72 38, 88 36, 98 39" stroke-width="2" opacity="0.5"/>
+    <path d="M 53 96 C 62 94, 78 92, 89 97" stroke-width="4.5"/>
+    <path d="M 53 168 C 50 172, 48 176, 50 180" stroke-width="2" opacity="0.5"/>
+  </g>
+
+  <!-- K — more dynamic, angular with sweeping diagonals -->
+  <g filter="url(#brush)" fill="none" stroke="#f0f0f0" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M 112 30 C 110 64, 111 120, 113 168" stroke-width="6"/>
+    <path d="M 162 30 C 150 38, 132 60, 114 98" stroke-width="5"/>
+    <path d="M 162 35 C 152 42, 138 62, 120 92" stroke-width="2" opacity="0.4"/>
+    <path d="M 113 100 C 127 118, 142 144, 158 170" stroke-width="5"/>
+    <path d="M 118 104 C 130 120, 144 142, 153 162" stroke-width="2" opacity="0.4"/>
+  </g>
 </svg>

static/images/logo.svg

@@ -1,3 +1,53 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
-  <text x="0" y="26" font-size="24">🦀</text>
+  <defs>
+    <!-- Rough paper texture -->
+    <filter id="paper" x="0%" y="0%" width="100%" height="100%">
+      <feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" result="noise"/>
+      <feColorMatrix type="saturate" values="0" in="noise" result="gray"/>
+      <feBlend in="SourceGraphic" in2="gray" mode="multiply" result="inked"/>
+    </filter>
+
+    <!-- Brush edge roughness -->
+    <filter id="brush" x="-5%" y="-5%" width="110%" height="110%">
+      <feTurbulence type="fractalNoise" baseFrequency="0.06" numOctaves="5" seed="3" result="noise"/>
+      <feDisplacementMap in="SourceGraphic" in2="noise" scale="2.5" xChannelSelector="R" yChannelSelector="G"/>
+    </filter>
+  </defs>
+
+  <!-- Black rounded background -->
+  <rect x="8" y="8" width="184" height="184" rx="42" ry="42" fill="#0d0d0d"/>
+
+  <!-- Outer glow ring -->
+  <rect x="8" y="8" width="184" height="184" rx="42" ry="42" fill="none" stroke="#333" stroke-width="0.5"/>
+
+  <!-- F — expressive calligraphic stroke -->
+  <g filter="url(#brush)" fill="none" stroke="#f0f0f0" stroke-linecap="round" stroke-linejoin="round">
+    <!-- Main vertical with slight S-curve -->
+    <path d="M 54 30 C 52 65, 56 110, 53 168" stroke-width="6"/>
+    <!-- Top arm — swooping up and right -->
+    <path d="M 53 34 C 63 32, 80 29, 102 34" stroke-width="5.5"/>
+    <!-- Top arm underline accent -->
+    <path d="M 56 39 C 72 38, 88 36, 98 39" stroke-width="2" opacity="0.5"/>
+    <!-- Middle arm — shorter, with a slight dip -->
+    <path d="M 53 96 C 62 94, 78 92, 89 97" stroke-width="4.5"/>
+    <!-- Terminal flick at bottom -->
+    <path d="M 53 168 C 50 172, 48 176, 50 180" stroke-width="2" opacity="0.5"/>
+  </g>
+
+  <!-- K — more dynamic, angular with sweeping diagonals -->
+  <g filter="url(#brush)" fill="none" stroke="#f0f0f0" stroke-linecap="round" stroke-linejoin="round">
+    <!-- Main vertical — confident straight line with slight lean -->
+    <path d="M 112 30 C 110 64, 111 120, 113 168" stroke-width="6"/>
+    <!-- Upper diagonal — sweeping up to the right then down to meet the stem -->
+    <path d="M 162 30 C 150 38, 132 60, 114 98" stroke-width="5"/>
+    <!-- Accent on the upper diagonal -->
+    <path d="M 162 35 C 152 42, 138 62, 120 92" stroke-width="2" opacity="0.4"/>
+    <!-- Lower diagonal — cutting down and right -->
+    <path d="M 113 100 C 127 118, 142 144, 158 170" stroke-width="5"/>
+    <!-- Accent on the lower diagonal -->
+    <path d="M 118 104 C 130 120, 144 142, 153 162" stroke-width="2" opacity="0.4"/>
+  </g>
+
+  <!-- Subtle paper texture overlay -->
+  <rect x="8" y="8" width="184" height="184" rx="42" ry="42" fill="none" filter="url(#paper)" opacity="0.06"/>
 </svg>