yudejp/yude.jp
1
0
Fork 0
mirror of https://github.com/yudejp/yude.jp.git synced 2026-07-03 12:40:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

ヘッダーをグローバル領域に移動する, ページ タイトルを Frontmatter から取得する

Browse Source
This commit is contained in:
yude
2026-01-07 22:05:10 +09:00
parent 06144ba8ae
commit 87e5505074
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/Layout.astro
+6 -1
View File
@@ -2,6 +2,7 @@
import appleTouchIcon from '../assets/apple-touch-icon-180x180.png'; import appleTouchIcon from '../assets/apple-touch-icon-180x180.png';
import icon192 from '../assets/icon-192x192.png'; import icon192 from '../assets/icon-192x192.png';
import "../styles/global.css"; import "../styles/global.css";
const { frontmatter } = Astro.props;
--- ---
<!doctype html> <!doctype html>
@@ -12,7 +13,7 @@ import "../styles/global.css";
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>yude.jp</title> <title>{frontmatter?.title ? `${frontmatter?.title} - yude.jp` : 'yude.jp'}</title>
<link rel="apple-touch-icon" type="image/png" href={appleTouchIcon.src}> <link rel="apple-touch-icon" type="image/png" href={appleTouchIcon.src}>
<link rel="icon" type="image/png" href={icon192.src}> <link rel="icon" type="image/png" href={icon192.src}>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css">
@@ -26,6 +27,10 @@ import "../styles/global.css";
</head> </head>
<body> <body>
<slot /> <slot />
<footer style="text-align: center;">
<p>&copy; 2014 - 2026 yude <code>&lt;i@yude.jp&gt;</code></p>
<img src="https://moe-counter-cf.yude.workers.dev/yude.jp:home" height="100rem" />
</footer>
</body> </body>
</html> </html>
src/pages/index.astro
-5
View File
@@ -20,11 +20,6 @@ import {Content as IndexContent} from '../content/index.md';
<div class="content" id="content"> <div class="content" id="content">
<IndexContent /> <IndexContent />
</div> </div>
<footer style="text-align: center;">
<p>&copy; 2025 yude <code>&lt;i@yude.jp&gt;</code></p>
<img src="https://moe-counter-cf.yude.workers.dev/yude.jp:home" height="100rem" />
</footer>
</Layout> </Layout>
<style> <style>