diff --git a/assets/css/custom.css b/assets/css/custom.css
new file mode 100644
index 0000000..01526f4
--- /dev/null
+++ b/assets/css/custom.css
@@ -0,0 +1,49 @@
+/* 调整左侧导航栏的宽度 */
+/* 增加宽度以确保文本不换行 */
+
+/* 左侧导航栏宽度调整 - 增加到 28rem 以避免换行 */
+.hextra-sidebar {
+  width: 28rem !important;
+  min-width: 28rem !important;
+}
+
+/* 确保导航内容正确显示 */
+.hextra-sidebar nav {
+  width: 100%;
+}
+
+/* 防止导航项文字换行 */
+.hextra-sidebar li {
+  white-space: nowrap;
+}
+
+.sidebar-container {
+    width: 20rem !important;
+    white-space: nowrap;
+}
+
+/* 确保导航链接不换行 */
+.hextra-sidebar a {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: block;
+}
+
+/* 调整右侧页内目录（On This Page）的宽度 */
+/* Hextra 默认宽度约为 16rem (256px)，增加 1.5 倍变为 24rem (384px) */
+
+/* 右侧目录的宽度 */
+.hextra-toc {
+  width: 24rem !important;
+}
+
+/* 确保目录内容正确显示 */
+.hextra-toc nav {
+  width: 100%;
+}
+
+/* 调整目录项的文字换行以适应更宽的空间 */
+.hextra-toc li {
+  word-wrap: break-word;
+}
\ No newline at end of file
diff --git a/assets/css/example.css b/assets/css/example.css
new file mode 100644
index 0000000..837a225
--- /dev/null
+++ b/assets/css/example.css
@@ -0,0 +1,7 @@
+.md-example { margin: 1.25rem 0; padding: 1rem; border: 1px solid var(--border); border-radius: .75rem; }
+.md-example__caption { display: flex; gap: .5rem; align-items: baseline; margin-bottom: .5rem; }
+.md-example__label { font-weight: 600; opacity: .85; }
+.md-example__title { font-weight: 600; }
+.md-example__anchor { margin-left: auto; text-decoration: none; opacity: .6; }
+.md-example__anchor:hover { opacity: 1; }
+.md-example__note { margin-top: .5rem; font-size: .95em; opacity: .85; }
\ No newline at end of file
diff --git a/layouts/shortcodes/figure.html b/layouts/shortcodes/figure.html
new file mode 100644
index 0000000..ed8bc4b
--- /dev/null
+++ b/layouts/shortcodes/figure.html
@@ -0,0 +1,22 @@
+{{- $src  := .Get "src" -}}
+{{- $link := .Get "link" -}}
+
+<figure
+        {{ with .Get "id" }}id="{{ . }}"{{ end }}
+{{ with .Get "class" }}class="{{ . }}"{{ end }}
+>
+{{- if $src -}}
+{{- with $link }}<a href="{{ . }}">{{ end -}}
+    <img
+            src="{{ $src }}"
+            {{ with .Get "alt" }}alt="{{ . }}"{{ end }}
+    {{ with .Get "width" }}width="{{ . }}"{{ end }}
+    {{ with .Get "height" }}height="{{ . }}"{{ end }}
+    />
+    {{- if $link }}</a>{{ end -}}
+{{- end -}}
+
+{{ with .Get "title" }}<h4>{{ . }}</h4>{{ end }}
+{{ with .Get "caption" }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
+</figure>
+{{- if $src }}<br />{{- end -}}
\ No newline at end of file