fix(config): add

This commit is contained in:
2025-09-25 21:03:16 +08:00
parent 9345819a6c
commit 031379c009
25 changed files with 524 additions and 55 deletions

View File

@@ -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>