添加 node adapter 和一些开发脚手架
This commit is contained in:
22
src/assets/style.css
Normal file
22
src/assets/style.css
Normal file
@ -0,0 +1,22 @@
|
||||
/*
|
||||
* 公共使用的 CSS 文件。
|
||||
* 用于定义主题色等各种东西。
|
||||
*/
|
||||
|
||||
/* == 主题色 == */
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
|
||||
--color-bg-0: light-dark(oklch(95% 0 0), oklch(30% 0.02 270));
|
||||
--color-fg-0: light-dark(oklch(25% 0.02 270), oklch(90% 0.02 270));
|
||||
}
|
||||
|
||||
/* == 页面设置 == */
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
background-color: var(--color-bg-0);
|
||||
color: var(--color-fg-0);
|
||||
}
|
||||
23
src/components/BaseLayout.astro
Normal file
23
src/components/BaseLayout.astro
Normal file
@ -0,0 +1,23 @@
|
||||
---
|
||||
import '../assets/style.css'
|
||||
|
||||
interface Props {
|
||||
title?: string
|
||||
}
|
||||
|
||||
const { title = '小帕的小窝' } = Astro.props
|
||||
---
|
||||
|
||||
<html lang="zh-hans">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>{title}</title>
|
||||
</head>
|
||||
<body>
|
||||
<slot />
|
||||
</body>
|
||||
</html>
|
||||
@ -1,17 +1,35 @@
|
||||
---
|
||||
import BaseLayout from '../components/BaseLayout.astro'
|
||||
---
|
||||
|
||||
---
|
||||
<BaseLayout>
|
||||
<div class="main">
|
||||
<h1>博客系统翻新中...</h1>
|
||||
<p>点击 <a href="https://legacy.passthem.top">这里</a> 查看旧版博客</p>
|
||||
</div>
|
||||
</BaseLayout>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>Astro</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Astro</h1>
|
||||
</body>
|
||||
</html>
|
||||
<style>
|
||||
.main {
|
||||
font-family:
|
||||
'HarmonyOS Sans SC',
|
||||
'Noto Sans SC',
|
||||
system-ui,
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
'Segoe UI',
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
'Open Sans',
|
||||
'Helvetica Neue',
|
||||
sans-serif;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
width: 100dvw;
|
||||
height: 100dvh;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user