st1020
diff --git a/‎.prettierignore
+1 b/‎.prettierignore
+1
diff --git a/‎config.toml
+1 b/‎config.toml
+1
diff --git a/‎static/icons/codeberg.svg
-2 b/‎static/icons/codeberg.svg
-2
diff --git a/‎static/icons/goodreads.svg
-4 b/‎static/icons/goodreads.svg
-4
diff --git a/‎static/icons/instagram.svg
-1 b/‎static/icons/instagram.svg
-1
diff --git a/‎static/icons/linkedin.svg
-1 b/‎static/icons/linkedin.svg
-1
diff --git a/‎static/icons/mastodon.svg
-1 b/‎static/icons/mastodon.svg
-1
diff --git a/‎static/icons/stackoverflow.svg
-6 b/‎static/icons/stackoverflow.svg
-6
diff --git a/‎static/icons/telegram.svg
-6 b/‎static/icons/telegram.svg
-6
diff --git a/‎static/icons/twitter.svg
-1 b/‎static/icons/twitter.svg
-1
diff --git a/‎templates/index.html
+1 b/‎templates/index.html
+1
diff --git a/‎templates/macros.html
+8 b/‎templates/macros.html
+8
diff --git a/‎templates/partials/head.html
+2-1 b/‎templates/partials/head.html
+2-1
diff --git a/‎templates/partials/profile.html
+1-1 b/‎templates/partials/profile.html
+1-1
@@ -1 +1,2 @@
 pnpm-lock.yaml
+templates/macros.html
@@ -79,6 +79,7 @@ avatar_url = "icons/github.svg"
 avatar_invert = true
 
 # The social icons below the profile on the home page.
+# The `name` should be the file name of static/icons/*.svg or the icon name of https://simpleicons.org/
 [[extra.profile.social]]
 name = "github"
 url = "https://github.com/st1020/kita"
 
@@ -1,3 +1,4 @@
+{% import "macros.html" as macros %}
 <!doctype html>
 <html class="not-ready lg:text-base" lang="{{ lang }}">
   {% include "partials/head.html" %}
 
@@ -0,0 +1,8 @@
+{%- macro get_social_icon(icon) -%}
+{%- set meta = get_image_metadata(path="/static/icons/" ~ icon ~ ".svg", allow_missing=true) -%}
+{%- if meta -%}
+{{- get_url(path="icons/" ~ icon ~ ".svg") -}}
+{%- else -%}
+{{- "https://cdn.jsdelivr.net/npm/simple-icons/icons/" ~ icon ~ ".svg" -}}
+{%- endif -%}
+{%- endmacro get_social_icon -%}
@@ -1,3 +1,4 @@
+{% import "macros.html" as macros %}
 <head>
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -68,7 +69,7 @@
   {% if config.extra.profile.social %}
   <!---->
   {% for social in config.extra.profile.social %}
-  <link rel="preload" as="image" href="{{ get_url(path=`icons/` ~ social.name ~ `.svg`) }}" />
+  <link rel="preload" as="image" href="{{ macros::get_social_icon(icon=social.name) }}" />
   {% endfor %}
   <!---->
   {% endif %}
 
@@ -24,7 +24,7 @@ <h1 class="mb-2 text-3xl font-bold">{{ config.extra.profile.name }}</h1>
       {% for social in config.extra.profile.social %}
       <a
         class="primary-link h-8 w-8 text-[0] [background:var(--url)_center_center/cover_no-repeat]"
-        style="--url: url(./icons/{{ social.name }}.svg)"
+        style="--url: url({{ macros::get_social_icon(icon=social.name) }})"
         href="{{ social.url | replace(from=`$BASE_URL`, to=config.base_url) | safe  }}"
         target="_blank"
         rel="{% if social.name == `rss` %}alternate{% else %}me{% endif %}"
Original file line number	Diff line number	Diff line change
`@@ -1 +1,2 @@`
`1`	`1`	`pnpm-lock.yaml`
	`2`	`+templates/macros.html`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+{% import "macros.html" as macros %}`
`1`	`2`	`<!doctype html>`
`2`	`3`	`<html class="not-ready lg:text-base" lang="{{ lang }}">`
`3`	`4`	`{% include "partials/head.html" %}`