diff --git a/config.toml b/config.toml
index f36ee08..9240cdf 100644
--- a/config.toml
+++ b/config.toml
@@ -7,6 +7,9 @@ compile_sass = true
 # Whether to build a search index to be used later on by a JavaScript library
 build_search_index = false
 
+# The site theme to use.
+theme = "coast"
+
 [markdown]
 # Whether to do syntax highlighting
 # Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
diff --git a/hooks.json b/hooks.json
index fd9101d..860dafa 100644
--- a/hooks.json
+++ b/hooks.json
@@ -1,19 +1,15 @@
 [
   {
     "id": "zola-build",
-    "execute-command": "/bin/sh",
-    "command-working-directory": "/app",
-    "pass-arguments-to-command": [
-      { "source": "string", "name": "-c" },
-      { "source": "string", "name": "git pull origin main && zola build" }
-    ],
+    "execute-command": "/app/scripts/deploy.sh",
+    "command-working-directory": "/app/zola-blog",
     "trigger-rule": {
       "match": {
-        "type": "value",
-        "value": "refs/heads/main",
+        "type": "payload-hmac-sha256",
+        "secret": "mySuperSecret123!@#",
         "parameter": {
-          "source": "payload",
-          "name": "ref"
+          "source": "header",
+          "name": "X-Gitea-Signature"
         }
       }
     }
diff --git a/logs/deploy.log b/logs/deploy.log
new file mode 100644
index 0000000..9f88d57
--- /dev/null
+++ b/logs/deploy.log
@@ -0,0 +1,82 @@
+Thu Sep 25 10:18:24 UTC 2025 - Deploy triggered
+Warning: Permanently added '[gitea.shay7sev.site]:2222,[117.72.171.66]:2222' (ECDSA) to the list of known hosts.
+git@gitea.shay7sev.site: Permission denied (publickey).
+fatal: Could not read from remote repository.
+
+Please make sure you have the correct access rights
+and the repository exists.
+Thu Sep 25 10:26:42 UTC 2025 - Deploy triggered
+Warning: Permanently added '[gitea.shay7sev.site]:2222,[117.72.171.66]:2222' (ECDSA) to the list of known hosts.
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+Already up to date.
+/app/scripts/deploy.sh: 14: /app/scripts/deploy.sh: zola: not found
+Thu Sep 25 10:26:55 UTC 2025 - Deploy triggered
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+Already up to date.
+/app/scripts/deploy.sh: 14: /app/scripts/deploy.sh: zola: not found
+Thu Sep 25 11:43:49 UTC 2025 - Deploy triggered
+Warning: Permanently added '[gitea.shay7sev.site]:2222,[117.72.171.66]:2222' (ECDSA) to the list of known hosts.
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+Already up to date.
+/app/scripts/deploy.sh: 14: /app/scripts/deploy.sh: docker: not found
+Thu Sep 25 11:46:42 UTC 2025 - Deploy triggered
+Warning: Permanently added '[gitea.shay7sev.site]:2222,[117.72.171.66]:2222' (ECDSA) to the list of known hosts.
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+Already up to date.
+/app/scripts/deploy.sh: 14: /app/scripts/deploy.sh: zola: not found
+Thu Sep 25 11:46:53 UTC 2025 - Deploy triggered
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+Already up to date.
+/app/scripts/deploy.sh: 14: /app/scripts/deploy.sh: zola: not found
+Thu Sep 25 12:30:20 UTC 2025 - Deploy triggered
+Thu Sep 25 12:30:27 UTC 2025 - Deploy triggered
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+Already up to date.
+/app/scripts/deploy.sh: 14: /app/scripts/deploy.sh: zola: not found
+Thu Sep 25 12:34:18 UTC 2025 - Deploy triggered
+Warning: Permanently added '[gitea.shay7sev.site]:2222,[117.72.171.66]:2222' (ECDSA) to the list of known hosts.
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+Already up to date.
+zola: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.29' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.33' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.32' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.34' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libm.so.6: version `GLIBC_2.35' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libm.so.6: version `GLIBC_2.29' not found (required by zola)
+Thu Sep 25 12:45:50 UTC 2025 - Deploy triggered
+Warning: Permanently added '[gitea.shay7sev.site]:2222,[117.72.171.66]:2222' (ECDSA) to the list of known hosts.
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+Already up to date.
+zola: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.29' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.33' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.32' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libc.so.6: version `GLIBC_2.34' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libm.so.6: version `GLIBC_2.35' not found (required by zola)
+zola: /lib/x86_64-linux-gnu/libm.so.6: version `GLIBC_2.29' not found (required by zola)
+Thu Sep 25 12:48:48 UTC 2025 - Deploy triggered
+Warning: Permanently added '[gitea.shay7sev.site]:2222,[117.72.171.66]:2222' (ECDSA) to the list of known hosts.
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+   9493f22..e4b8948  main       -> origin/main
+Updating 9493f22..e4b8948
+Fast-forward
+ content/blog/new-blog.md | 2 +-
+ 1 file changed, 1 insertion(+), 1 deletion(-)
+Thu Sep 25 12:48:51 UTC 2025 - Build finished
+Thu Sep 25 12:49:26 UTC 2025 - Deploy triggered
+From ssh://gitea.shay7sev.site:2222/admin/my-blog
+ * branch            main       -> FETCH_HEAD
+   e4b8948..9345819  main       -> origin/main
+Updating e4b8948..9345819
+Fast-forward
+ content/blog/new-blog.md | 2 +-
+ 1 file changed, 1 insertion(+), 1 deletion(-)
+Thu Sep 25 12:49:27 UTC 2025 - Build finished
diff --git a/public/404.html b/public/404.html
index f8414f0..0a7a31a 100644
--- a/public/404.html
+++ b/public/404.html
@@ -1,3 +1,138 @@
-<!doctype html>
-<title>404 Not Found</title>
-<h1>404 Not Found</h1>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="description" content="" />
+    <meta name="keyword" content="blog" />
+    <link rel="alternate" type="application/rss+xml" title="RSS"
+    href="https://zolablog.shay7sev.site/rss.xml">
+    <link
+      rel="icon"
+      href="https://raw.githubusercontent.com/Myxogastria0808/coast/heads/main/static/favicon.svg"
+      type="image/svg+xml"
+    />
+    <meta name="theme-color" content="#d8d8d8" />
+    <!-- meta settings end -->
+    <!-- OG settings start -->
+    <meta property="og:site_name" content="" />
+    <meta
+      property="og:title"
+      content=""
+    />
+    <meta
+      property="og:description"
+      content=""
+    />
+    <meta
+      property="og:image"
+      content="https://raw.githubusercontent.com/Myxogastria0808/coast/heads/main/static/first-view.jpg"
+    />
+    <meta
+      property="og:image:width"
+      content="3024"
+    />
+    <meta
+      property="og:image:height"
+      content="3024"
+    />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https:&#x2F;&#x2F;zolablog.shay7sev.site" />
+    <!-- OG settings end -->
+    <!-- Twitter card settings start -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+      name="twitter:site"
+      content=""
+    />
+    <meta
+      name="twitter:creator"
+      content="@yuki_osada0808"
+    />
+    <meta
+      name="twitter:image:alt"
+      content="coast theme"
+    />
+    <!-- Twitter card settings end -->
+    <!-- Google fonts start -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&family=Zen+Old+Mincho&display=swap"
+      rel="stylesheet"
+    />
+    <!-- Google fonts end -->
+    <!-- CSS start -->
+    <link rel="stylesheet" href="https://zolablog.shay7sev.site/base.css">
+    <!-- CSS end -->
+    <!-- katex start -->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/katex.min.css"
+      integrity="sha384-7lU0muIg/i1plk7MgygDUp3/bNRA65orrBub4/OSWHECgwEsY83HaS1x3bljA/XV"
+      crossorigin="anonymous"
+    />
+    <!-- The loading of KaTeX is deferred to speed up page rendering -->
+    <script
+      defer
+      src="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/katex.min.js"
+      integrity="sha384-RdymN7NRJ+XoyeRY4185zXaxq9QWOOx3O7beyyrRK4KQZrPlCDQQpCu95FoCGPAE"
+      crossorigin="anonymous"
+    ></script>
+
+    <!-- To automatically render math in text elements, include the auto-render extension: -->
+    <script
+      defer
+      src="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/contrib/auto-render.min.js"
+      integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh"
+      crossorigin="anonymous"
+      onload="renderMathInElement(document.body);"
+    ></script>
+    <!-- katex end -->
+    <title>
+      
+    </title>
+  </head>
+  <body>
+    
+<!--header-->
+<header class="sub-header">
+  <a href="https:&#x2F;&#x2F;zolablog.shay7sev.site/" class="title"
+    >coast theme</a
+  >
+</header>
+
+<!--header-->
+<div class="error-page">
+  <div class="container">
+    <h1 class="status-code">404</h1>
+    <p class="status-message">Page Not Found</p>
+    <a href="https:&#x2F;&#x2F;zolablog.shay7sev.site/">
+      <p class="link">Go back to home</p>
+    </a>
+  </div>
+</div>
+
+    <!-- footer start -->
+    <footer>
+      <div class="credit">
+        <a href="https://yukiosada.work">
+          &copy;&ensp;<span id="year"></span>&ensp;Zola coast theme
+        </a>
+      </div>
+    </footer>
+    <!-- footer end -->
+    <script type="module">
+      // loading
+      window.addEventListener("load", () => {
+        window.document.getElementById("loading")?.classList.add("loaded");
+      });
+      // mermaid
+      import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
+      mermaid.initialize({ startOnLoad: true, theme: "light" });
+      // footer
+      window.document.getElementById("year").textContent =
+        new Date().getFullYear();
+    </script>
+  </body>
+</html>
diff --git a/public/about.css b/public/about.css
new file mode 100644
index 0000000..adb7a7a
--- /dev/null
+++ b/public/about.css
@@ -0,0 +1 @@
+.about .title{font-size:2em;text-align:center;margin:70px 0 40px 0}.about .content{font-size:1.2em;width:calc(100% - 40px);max-width:800px;margin:0 auto;padding:0 20px}
\ No newline at end of file
diff --git a/public/base.css b/public/base.css
new file mode 100644
index 0000000..d70eacf
--- /dev/null
+++ b/public/base.css
@@ -0,0 +1 @@
+.about .title{font-size:2em;text-align:center;margin:70px 0 40px 0}.about .content{font-size:1.2em;width:calc(100% - 40px);max-width:800px;margin:0 auto;padding:0 20px}.blog-list-page{height:100lvh;width:100%}.blog-list-page .title{font-size:2em;text-align:center;margin:70px 0 50px 0}.blog-list-page .tag-list{font-size:1.2em;text-align:center;margin:0 0 30px 0;display:block}.blog-list-page ul{list-style:none;margin:0 auto;padding:0;width:100%;max-width:800px}.blog-list-page ul li{margin:20px 0 20px 0;overflow:visible;padding:20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;overflow-wrap:anywhere}.blog-list-page ul li .post-link{text-decoration:none}.blog-list-page ul li .post-link h2{font-size:1.7em;margin:0;padding:0;text-align:center;text-decoration:underline}.blog-list-page ul li .post-link .date,.blog-list-page ul li .post-link .author{font-size:.9em;margin:0;padding:0}.blog-list-page ul li .tags{font-size:1.1em;margin:10px 0 0 0;padding:0;text-align:right}.blog-page{padding:0;margin:0;background-color:#d8d8d8}.blog-page .blog-content{display:flex;width:100%;max-width:1160px;margin:80px auto 130px auto;}.blog-page .blog-content .toc-box{margin:150px 20px 0 50px;padding:10px 0 10px 0;width:300px;height:400px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;overflow-y:scroll;overflow-x:visible;position:sticky;top:20px;font-size:1.15em}.blog-page .blog-content .blog-container{max-width:calc(100% - 40px);flex:1;padding:0 20px 20px 20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8}.blog-page .blog-content .blog-container .blog-title{text-align:center}.blog-page .blog-content .blog-container .blog-meta{text-align:center}.blog-page .blog-content .blog-container .blog-meta span{display:inline-block;margin:0 10px}@media screen and (max-width: 1010px){.blog-page .blog-content .toc-box{display:none}.blog-page .blog-content .blog-container{margin:0}}@media screen and (min-width: 1011px){.blog-page .blog-content .blog-container{max-width:760px;margin:0 0 0 20px}}.blog-page .blog-config{font-family:"Sawarabi Gothic",serif;font-size:1.2em}.blog-page .blog-config h1{font-size:2.4em}.blog-page .blog-config h2{font-size:2.2em}.blog-page .blog-config h3{font-size:2em}.blog-page .blog-config h4{font-size:1.8em}.blog-page .blog-config h5{font-size:1.6em}.blog-page .blog-config h6{font-size:1.4em}.blog-page .blog-config strong{font-weight:700;background:linear-gradient(rgba(0,0,0,0) 50%, #ffdc7d 50%)}.blog-page .blog-config em{font-style:italic}.blog-page .blog-config blockquote{background-color:#c5c5c5;margin:0;padding:5px 10px;border-left:#9b9b9b 5px solid}.blog-page .blog-config blockquote *{margin:0;padding:0}.blog-page .blog-config pre{padding:15px;border-radius:7.5px;background-color:#dedede !important;box-sizing:border-box;overflow:auto}.error-page{height:100lvh;width:100%;display:flex;align-items:center;justify-content:center}.error-page .container{margin-top:-90.5px}.error-page .status-code{font-size:7em;text-align:center;margin:0;padding:0}.error-page .status-message{font-size:2em;text-align:center;margin:20px 0;padding:0}.error-page .link{font-size:1.2em;text-align:center;margin:10px 0;padding:0}.first-view{margin-top:-90.5px;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100lvh;display:flex;align-items:center;justify-content:center}.first-view .title{background-color:rgba(0,146,132,.6);color:#fff;font-size:3em;margin:0;padding:0 20px 10px 20px}#loading{transition:all 2s;background-color:#1eb8cb;z-index:100;position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100lvh}#loading .title{color:#fff;font-size:3em;margin:0;padding:0 20px 10px 20px}.loaded{opacity:0;visibility:hidden}.main-header{z-index:10;padding:30px 0 30px 0;width:100%;position:relative;display:flex;justify-content:space-between;height:30.5px}.main-header .title{padding:0;margin:0 0 0 30px;font-size:1.3em;text-decoration:none;color:#fff}.alert-type{border-radius:10px;padding:10px;margin:30px 0}.alert-type-label{padding:0;margin:0;font-size:1.2em}.note{background-color:rgba(10,104,218,.5019607843)}.tip{background-color:rgba(24,127,50,.5019607843)}.important{background-color:rgba(127,78,223,.5019607843)}.warning{background-color:rgba(152,101,1,.5019607843)}.caution{background-color:rgba(208,33,43,.5019607843)}.img-box{width:fit-content;margin:0 auto}.caption{margin:0;padding:5px 0 0 0;font-size:.8em;text-align:center;color:#505050}.sub-header{z-index:10;padding:30px 0 30px 0;width:100%;position:relative;display:flex;justify-content:space-between;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;height:30.5px}.sub-header .title{padding:0;margin:0 0 0 30px;font-size:1.3em;text-decoration:none;color:#000}.tag-list-page{height:100lvh;width:100%}.tag-list-page .title{font-size:2em;text-align:center;margin:70px 0 50px 0}.tag-list-page .ul-wrapper{display:flex;justify-content:center}.tag-list-page .ul-wrapper ul{display:inline-block;list-style:none;margin:0 auto;padding:0;max-width:600px;width:100%;overflow-x:visible}.tag-list-page .ul-wrapper ul li{margin:30px 0 30px 0}.tag-list-page .ul-wrapper ul li a{text-decoration:none}.tag-list-page .ul-wrapper ul li a div{overflow-wrap:anywhere;padding:0 20px 5px 20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8}.tag-list-page .ul-wrapper ul li a div h2{font-size:1.7em;margin:0;padding:20px 0 20px 0}.tag-list-page .ul-wrapper ul li a div p{font-size:.9em;margin:0;padding:0;text-align:right}html,body{padding:0;margin:0;background-color:#d8d8d8;}html footer,body footer{margin:auto 0 0 0;padding:0;background-color:#d8d8d8;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;height:150px}html footer .credit,body footer .credit{margin:0;padding:0;width:100%;height:100%;font-size:1em;display:flex;align-items:center;justify-content:center}*{color:#000;font-family:"Zen Kurenaido",sans-serif;font-weight:400;font-style:normal}
\ No newline at end of file
diff --git a/public/blog-list.css b/public/blog-list.css
new file mode 100644
index 0000000..6ef85c6
--- /dev/null
+++ b/public/blog-list.css
@@ -0,0 +1 @@
+.blog-list-page{height:100lvh;width:100%}.blog-list-page .title{font-size:2em;text-align:center;margin:70px 0 50px 0}.blog-list-page .tag-list{font-size:1.2em;text-align:center;margin:0 0 30px 0;display:block}.blog-list-page ul{list-style:none;margin:0 auto;padding:0;width:100%;max-width:800px}.blog-list-page ul li{margin:20px 0 20px 0;overflow:visible;padding:20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;overflow-wrap:anywhere}.blog-list-page ul li .post-link{text-decoration:none}.blog-list-page ul li .post-link h2{font-size:1.7em;margin:0;padding:0;text-align:center;text-decoration:underline}.blog-list-page ul li .post-link .date,.blog-list-page ul li .post-link .author{font-size:.9em;margin:0;padding:0}.blog-list-page ul li .tags{font-size:1.1em;margin:10px 0 0 0;padding:0;text-align:right}
\ No newline at end of file
diff --git a/public/blog.css b/public/blog.css
new file mode 100644
index 0000000..545b249
--- /dev/null
+++ b/public/blog.css
@@ -0,0 +1 @@
+.blog-page{padding:0;margin:0;background-color:#d8d8d8}.blog-page .blog-content{display:flex;width:100%;max-width:1160px;margin:80px auto 130px auto;}.blog-page .blog-content .toc-box{margin:150px 20px 0 50px;padding:10px 0 10px 0;width:300px;height:400px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;overflow-y:scroll;overflow-x:visible;position:sticky;top:20px;font-size:1.15em}.blog-page .blog-content .blog-container{max-width:calc(100% - 40px);flex:1;padding:0 20px 20px 20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8}.blog-page .blog-content .blog-container .blog-title{text-align:center}.blog-page .blog-content .blog-container .blog-meta{text-align:center}.blog-page .blog-content .blog-container .blog-meta span{display:inline-block;margin:0 10px}@media screen and (max-width: 1010px){.blog-page .blog-content .toc-box{display:none}.blog-page .blog-content .blog-container{margin:0}}@media screen and (min-width: 1011px){.blog-page .blog-content .blog-container{max-width:760px;margin:0 0 0 20px}}.blog-page .blog-config{font-family:"Sawarabi Gothic",serif;font-size:1.2em}.blog-page .blog-config h1{font-size:2.4em}.blog-page .blog-config h2{font-size:2.2em}.blog-page .blog-config h3{font-size:2em}.blog-page .blog-config h4{font-size:1.8em}.blog-page .blog-config h5{font-size:1.6em}.blog-page .blog-config h6{font-size:1.4em}.blog-page .blog-config strong{font-weight:700;background:linear-gradient(rgba(0,0,0,0) 50%, #ffdc7d 50%)}.blog-page .blog-config em{font-style:italic}.blog-page .blog-config blockquote{background-color:#c5c5c5;margin:0;padding:5px 10px;border-left:#9b9b9b 5px solid}.blog-page .blog-config blockquote *{margin:0;padding:0}.blog-page .blog-config pre{padding:15px;border-radius:7.5px;background-color:#dedede !important;box-sizing:border-box;overflow:auto}
\ No newline at end of file
diff --git a/public/blog/new-blog/index.html b/public/blog/new-blog/index.html
new file mode 100644
index 0000000..2bbc7ae
--- /dev/null
+++ b/public/blog/new-blog/index.html
@@ -0,0 +1,43 @@
+<html>
+    <head>
+        <title>Zola</title>
+    </head>
+    <body>
+        <div class="container">
+            <h1>Welcome to Zola!</h1>
+            <p>
+                You're seeing this page because we couldn't find a template to render.
+            </p>
+            <p>
+                To modify this page, create a <b>page.html</b> file in the templates directory or
+                <a href="https://www.getzola.org/documentation/themes/installing-and-using-themes/" target="_blank">install a theme</a>.
+                <br>
+                You can find what variables are available in this template in the <a href="https:&#x2F;&#x2F;www.getzola.org&#x2F;documentation&#x2F;templates&#x2F;pages-sections&#x2F;#page-variables" target="_blank">documentation</a>.
+            </p>
+        </div>
+        <footer>
+            <a href="https://www.getzola.org/documentation/getting-started/cli-usage/" target="_blank">Get started with Zola</a>
+        </footer>
+        <style>
+            html {
+                line-height: 1.5;
+            }
+            h1 {
+                margin-bottom: 2rem;
+            }
+            .container {
+                font-family: "sans-serif";
+                text-align: center;
+                margin-top: 20vh;
+                padding: 2rem;
+                background: #e9e9e9;
+            }
+            footer {
+                position: fixed;
+                width: 100%;
+                bottom: 1rem;
+                text-align: center;
+            }
+        </style>
+    </body>
+</html>
diff --git a/public/error.css b/public/error.css
new file mode 100644
index 0000000..daf2922
--- /dev/null
+++ b/public/error.css
@@ -0,0 +1 @@
+.error-page{height:100lvh;width:100%;display:flex;align-items:center;justify-content:center}.error-page .container{margin-top:-90.5px}.error-page .status-code{font-size:7em;text-align:center;margin:0;padding:0}.error-page .status-message{font-size:2em;text-align:center;margin:20px 0;padding:0}.error-page .link{font-size:1.2em;text-align:center;margin:10px 0;padding:0}
\ No newline at end of file
diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..6517af8
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="346.9729"
+   height="346.97455"
+   viewBox="0 0 346.9729 346.97455"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="dashi.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="1.3789028"
+     inkscape:cx="267.96668"
+     inkscape:cy="166.43668"
+     inkscape:window-width="1920"
+     inkscape:window-height="1008"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="346.9729"
+       height="346.97455"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-91.735367,-75.0476)">
+    <path
+       style="fill:#58e4df;fill-opacity:1;stroke-width:0.621191;stroke-dasharray:none"
+       d="m 215.46466,240.93196 c -63.52556,54.42497 -98.88537,-39.82293 -94.58623,-14.04559 9.01779,54.07007 57.97761,95.03608 118.06214,68.76862 46.23958,-20.2148 63.84334,-83.08529 29.25088,-88.23782 -22.29581,-3.32095 -23.17152,8.19357 -52.72679,33.51479 z"
+       id="path2"
+       sodipodi:nodetypes="sssss"
+       inkscape:label="liquid"
+       transform="matrix(1.7707927,0,0,1.7707927,-99.458773,-142.58224)" />
+    <circle
+       style="fill:#58e4df;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       id="path1"
+       cx="118.14593"
+       cy="219.98769"
+       r="15"
+       inkscape:label="circle1" />
+    <circle
+       style="fill:#58e4df;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       id="path1-9"
+       cx="128.51106"
+       cy="179.39079"
+       r="10"
+       inkscape:label="circle2" />
+    <circle
+       style="fill:#58e4df;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       id="path1-9-8"
+       cx="145.29779"
+       cy="152.3252"
+       r="5"
+       inkscape:label="circle3" />
+  </g>
+</svg>
diff --git a/public/first-view.css b/public/first-view.css
new file mode 100644
index 0000000..4e55220
--- /dev/null
+++ b/public/first-view.css
@@ -0,0 +1 @@
+.first-view{margin-top:-90.5px;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100lvh;display:flex;align-items:center;justify-content:center}.first-view .title{background-color:rgba(0,146,132,.6);color:#fff;font-size:3em;margin:0;padding:0 20px 10px 20px}
\ No newline at end of file
diff --git a/public/first-view.jpg b/public/first-view.jpg
new file mode 100644
index 0000000..cf55b89
Binary files /dev/null and b/public/first-view.jpg differ
diff --git a/public/index.html b/public/index.html
index 43f970e..9b576cd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,43 +1,158 @@
-<html>
-    <head>
-        <title>Zola</title>
-    </head>
-    <body>
-        <div class="container">
-            <h1>Welcome to Zola!</h1>
-            <p>
-                You're seeing this page because we couldn't find a template to render.
-            </p>
-            <p>
-                To modify this page, create a <b>index.html</b> file in the templates directory or
-                <a href="https://www.getzola.org/documentation/themes/installing-and-using-themes/" target="_blank">install a theme</a>.
-                <br>
-                You can find what variables are available in this template in the <a href="https:&#x2F;&#x2F;www.getzola.org&#x2F;documentation&#x2F;templates&#x2F;pages-sections&#x2F;#section-variables" target="_blank">documentation</a>.
-            </p>
-        </div>
-        <footer>
-            <a href="https://www.getzola.org/documentation/getting-started/cli-usage/" target="_blank">Get started with Zola</a>
-        </footer>
-        <style>
-            html {
-                line-height: 1.5;
-            }
-            h1 {
-                margin-bottom: 2rem;
-            }
-            .container {
-                font-family: "sans-serif";
-                text-align: center;
-                margin-top: 20vh;
-                padding: 2rem;
-                background: #e9e9e9;
-            }
-            footer {
-                position: fixed;
-                width: 100%;
-                bottom: 1rem;
-                text-align: center;
-            }
-        </style>
-    </body>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="description" content="" />
+    <meta name="keyword" content="blog" />
+    <link rel="alternate" type="application/rss+xml" title="RSS"
+    href="https://zolablog.shay7sev.site/rss.xml">
+    <link
+      rel="icon"
+      href="https://raw.githubusercontent.com/Myxogastria0808/coast/heads/main/static/favicon.svg"
+      type="image/svg+xml"
+    />
+    <meta name="theme-color" content="#d8d8d8" />
+    <!-- meta settings end -->
+    <!-- OG settings start -->
+    <meta property="og:site_name" content="" />
+    <meta
+      property="og:title"
+      content=""
+    />
+    <meta
+      property="og:description"
+      content=""
+    />
+    <meta
+      property="og:image"
+      content="https://raw.githubusercontent.com/Myxogastria0808/coast/heads/main/static/first-view.jpg"
+    />
+    <meta
+      property="og:image:width"
+      content="3024"
+    />
+    <meta
+      property="og:image:height"
+      content="3024"
+    />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="https:&#x2F;&#x2F;zolablog.shay7sev.site" />
+    <!-- OG settings end -->
+    <!-- Twitter card settings start -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+      name="twitter:site"
+      content=""
+    />
+    <meta
+      name="twitter:creator"
+      content="@yuki_osada0808"
+    />
+    <meta
+      name="twitter:image:alt"
+      content="coast theme"
+    />
+    <!-- Twitter card settings end -->
+    <!-- Google fonts start -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&family=Zen+Old+Mincho&display=swap"
+      rel="stylesheet"
+    />
+    <!-- Google fonts end -->
+    <!-- CSS start -->
+    <link rel="stylesheet" href="https://zolablog.shay7sev.site/base.css">
+    <!-- CSS end -->
+    <!-- katex start -->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/katex.min.css"
+      integrity="sha384-7lU0muIg/i1plk7MgygDUp3/bNRA65orrBub4/OSWHECgwEsY83HaS1x3bljA/XV"
+      crossorigin="anonymous"
+    />
+    <!-- The loading of KaTeX is deferred to speed up page rendering -->
+    <script
+      defer
+      src="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/katex.min.js"
+      integrity="sha384-RdymN7NRJ+XoyeRY4185zXaxq9QWOOx3O7beyyrRK4KQZrPlCDQQpCu95FoCGPAE"
+      crossorigin="anonymous"
+    ></script>
+
+    <!-- To automatically render math in text elements, include the auto-render extension: -->
+    <script
+      defer
+      src="https://cdn.jsdelivr.net/npm/katex@0.16.19/dist/contrib/auto-render.min.js"
+      integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh"
+      crossorigin="anonymous"
+      onload="renderMathInElement(document.body);"
+    ></script>
+    <!-- katex end -->
+    <title>
+      
+    </title>
+  </head>
+  <body>
+    
+<!-- loading start -->
+<div id="loading">
+  <h1 class="title">
+    #coast theme
+  </h1>
+</div>
+
+<!-- loading end -->
+<!-- header start -->
+<header class="main-header">
+  <a href="https:&#x2F;&#x2F;zolablog.shay7sev.site/" class="title"
+    >coast theme</a
+  >
+</header>
+
+<!-- header end -->
+<div
+  class="first-view"
+  style="background-image: url('https://raw.githubusercontent.com/Myxogastria0808/coast/heads/main/static/first-view.jpg')"
+>
+  <h1 class="title">#</h1>
+</div>
+<div class="about">
+  <h1 class="title">Hello, World!</h1>
+  <p class="content">Hello, my name is Myxogastria0808.<br/>
+I created a Zola theme named "coast".
+This template can be used mermaid and katex.<br/>
+Have a nice day!
+</p>
+</div>
+<div class="blog-list-page">
+  <h1 class="title">Posts</h1>
+  <a href="https:&#x2F;&#x2F;zolablog.shay7sev.site/tags" class="tag-list">Check all tags >></a>
+  <ul>
+    
+  </ul>
+</div>
+
+    <!-- footer start -->
+    <footer>
+      <div class="credit">
+        <a href="https://yukiosada.work">
+          &copy;&ensp;<span id="year"></span>&ensp;Zola coast theme
+        </a>
+      </div>
+    </footer>
+    <!-- footer end -->
+    <script type="module">
+      // loading
+      window.addEventListener("load", () => {
+        window.document.getElementById("loading")?.classList.add("loaded");
+      });
+      // mermaid
+      import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
+      mermaid.initialize({ startOnLoad: true, theme: "light" });
+      // footer
+      window.document.getElementById("year").textContent =
+        new Date().getFullYear();
+    </script>
+  </body>
 </html>
diff --git a/public/loading.css b/public/loading.css
new file mode 100644
index 0000000..2966d45
--- /dev/null
+++ b/public/loading.css
@@ -0,0 +1 @@
+#loading{transition:all 2s;background-color:#1eb8cb;z-index:100;position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100lvh}#loading .title{color:#fff;font-size:3em;margin:0;padding:0 20px 10px 20px}.loaded{opacity:0;visibility:hidden}
\ No newline at end of file
diff --git a/public/main-header.css b/public/main-header.css
new file mode 100644
index 0000000..32f5335
--- /dev/null
+++ b/public/main-header.css
@@ -0,0 +1 @@
+.main-header{z-index:10;padding:30px 0 30px 0;width:100%;position:relative;display:flex;justify-content:space-between;height:30.5px}.main-header .title{padding:0;margin:0 0 0 30px;font-size:1.3em;text-decoration:none;color:#fff}
\ No newline at end of file
diff --git a/public/processed_images/image.1d2d4b453af02822.webp b/public/processed_images/image.1d2d4b453af02822.webp
new file mode 100644
index 0000000..5a1917b
Binary files /dev/null and b/public/processed_images/image.1d2d4b453af02822.webp differ
diff --git a/public/processed_images/image.3ebedc714b84a79a.webp b/public/processed_images/image.3ebedc714b84a79a.webp
new file mode 100644
index 0000000..8cb4f4c
Binary files /dev/null and b/public/processed_images/image.3ebedc714b84a79a.webp differ
diff --git a/public/processed_images/image.92b45d2600edce70.webp b/public/processed_images/image.92b45d2600edce70.webp
new file mode 100644
index 0000000..fcc858d
Binary files /dev/null and b/public/processed_images/image.92b45d2600edce70.webp differ
diff --git a/public/processed_images/image.cb7e5396e431ddd4.webp b/public/processed_images/image.cb7e5396e431ddd4.webp
new file mode 100644
index 0000000..ad9b6da
Binary files /dev/null and b/public/processed_images/image.cb7e5396e431ddd4.webp differ
diff --git a/public/processed_images/image.cd3640e2c0aa0694.webp b/public/processed_images/image.cd3640e2c0aa0694.webp
new file mode 100644
index 0000000..cf2f0e5
Binary files /dev/null and b/public/processed_images/image.cd3640e2c0aa0694.webp differ
diff --git a/public/shortcodes.css b/public/shortcodes.css
new file mode 100644
index 0000000..0c420ac
--- /dev/null
+++ b/public/shortcodes.css
@@ -0,0 +1 @@
+.alert-type{border-radius:10px;padding:10px;margin:30px 0}.alert-type-label{padding:0;margin:0;font-size:1.2em}.note{background-color:rgba(10,104,218,.5019607843)}.tip{background-color:rgba(24,127,50,.5019607843)}.important{background-color:rgba(127,78,223,.5019607843)}.warning{background-color:rgba(152,101,1,.5019607843)}.caution{background-color:rgba(208,33,43,.5019607843)}.img-box{width:fit-content;margin:0 auto}.caption{margin:0;padding:5px 0 0 0;font-size:.8em;text-align:center;color:#505050}
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 318b8dc..cfd5e2a 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -3,4 +3,8 @@
     <url>
         <loc>https://zolablog.shay7sev.site/</loc>
     </url>
+    <url>
+        <loc>https://zolablog.shay7sev.site/blog/new-blog/</loc>
+        <lastmod>2025-09-24T20:51:00+08:00</lastmod>
+    </url>
 </urlset>
diff --git a/public/sub-header.css b/public/sub-header.css
new file mode 100644
index 0000000..dcf6d24
--- /dev/null
+++ b/public/sub-header.css
@@ -0,0 +1 @@
+.sub-header{z-index:10;padding:30px 0 30px 0;width:100%;position:relative;display:flex;justify-content:space-between;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8;height:30.5px}.sub-header .title{padding:0;margin:0 0 0 30px;font-size:1.3em;text-decoration:none;color:#000}
\ No newline at end of file
diff --git a/public/tag-list.css b/public/tag-list.css
new file mode 100644
index 0000000..fd12743
--- /dev/null
+++ b/public/tag-list.css
@@ -0,0 +1 @@
+.tag-list-page{height:100lvh;width:100%}.tag-list-page .title{font-size:2em;text-align:center;margin:70px 0 50px 0}.tag-list-page .ul-wrapper{display:flex;justify-content:center}.tag-list-page .ul-wrapper ul{display:inline-block;list-style:none;margin:0 auto;padding:0;max-width:600px;width:100%;overflow-x:visible}.tag-list-page .ul-wrapper ul li{margin:30px 0 30px 0}.tag-list-page .ul-wrapper ul li a{text-decoration:none}.tag-list-page .ul-wrapper ul li a div{overflow-wrap:anywhere;padding:0 20px 5px 20px;box-shadow:11px 11px 22px #c7c7c7,-11px -11px 22px #f8f8f8}.tag-list-page .ul-wrapper ul li a div h2{font-size:1.7em;margin:0;padding:20px 0 20px 0}.tag-list-page .ul-wrapper ul li a div p{font-size:.9em;margin:0;padding:0;text-align:right}
\ No newline at end of file