From 11c9ebfca816acad9a1ef266f97643f8649720e2 Mon Sep 17 00:00:00 2001 From: xzh <18334786772@163.com> Date: Wed, 21 Feb 2024 14:11:20 +0800 Subject: [PATCH] =?UTF-8?q?=E6=95=99=E7=A8=8B=EF=BC=9A=E5=8D=9A=E5=AE=A2?= =?UTF-8?q?=E6=90=AD=E5=BB=BA--=E5=9C=A8=E4=BD=A0=E7=9A=84=E7=BD=91?= =?UTF-8?q?=E7=AB=99=E4=B8=8A=E6=B7=BB=E5=8A=A0=E3=80=81=E8=AE=BE=E8=AE=A1?= =?UTF-8?q?=E5=92=8C=E9=93=BE=E6=8E=A5=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/about.astro | 61 +++++++++++++++++++++++++++++++++++++-- src/pages/blog.astro | 10 ++++++- src/pages/posts/post-1.md | 28 ++++++++++++++++++ src/pages/posts/post-2.md | 11 +++++++ src/pages/posts/post-3.md | 11 +++++++ src/styles/global.css | 21 ++++++++++++++ 6 files changed, 139 insertions(+), 3 deletions(-) create mode 100644 src/pages/posts/post-1.md create mode 100644 src/pages/posts/post-2.md create mode 100644 src/pages/posts/post-3.md create mode 100644 src/styles/global.css diff --git a/src/pages/about.astro b/src/pages/about.astro index e930b4d..bcccadc 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -1,17 +1,74 @@ - +--- + +import '../styles/global.css' + +const pageTitle = "关于我" + +const identity = { + firstName: "莎拉", + country: "加拿大", + occupation: "技术撰稿人", + hobbies: ["摄影", "观鸟", "棒球"], +} + +const skills = ["Swift","HTML", "CSS", "JavaScript", "React", "Astro", "Writing Docs"]; + +const happy = true; +const finished = false; +const goal = 3; + +// css 变量 +const skillColor = "navy"; +const fontWeight = "bold"; +const textCase = "uppercase"; +--- + + Astro + 首页

我的 Astro 网站

-

关于我

+

{pageTitle}

+

……和我的新 Astro 网站！

我正在学习 Astro 的入门教程。这是我网站上的第二个页面，也是我自己建立的第一页面！

随着我完成更多教程，该站点将更新，所以请继续查看我的旅程将如何进行吧！

+ + {happy &&

我非常乐意学习 Astro！

} + + {finished &&

我完成了这节教程！

} + + {goal === 3 ?

我的目标是在三天内完成。

:

我的目标不是 3 天。

} + +

以下是关于我的几个事实：

+ +

我的技能是：

+ \ No newline at end of file diff --git a/src/pages/blog.astro b/src/pages/blog.astro index 4994bfe..38fde24 100644 --- a/src/pages/blog.astro +++ b/src/pages/blog.astro @@ -1,3 +1,7 @@ +--- +import '../styles/global.css' +--- + @@ -9,8 +13,12 @@ 首页 关于 -

我的 Astro 网站

我的 Astro 学习博客

在这里，我将分享我的学习 Astro 之旅。

+ \ No newline at end of file diff --git a/src/pages/posts/post-1.md b/src/pages/posts/post-1.md new file mode 100644 index 0000000..10adb1b --- /dev/null +++ b/src/pages/posts/post-1.md @@ -0,0 +1,28 @@ +--- +title: '我的第一篇博客文章' +pubDate: 2022-07-01 +description: '这是我 Astro 博客的第一篇文章。' +author: 'Astro 学习者' +image: + url: 'https://docs.astro.build/assets/full-logo-light.png' + alt: 'The full Astro logo.' +tags: ["astro", "blogging", "learning in public"] +--- + +# 我的第一篇博客文章 + + 发表于：2022-07-01 + + 欢迎来到我学习关于 Astro 的新博客！在这里，我将分享我建立新网站的学习历程。 + + ## 我做了什么 + + 1. **安装 Astro**：首先，我创建了一个新的 Astro 项目并设置好了我的在线账号。 + + 2. **制作页面**：然后我学习了如何通过创建新的 `.astro` 文件并将它们保存在 `src/pages/` 文件夹里来制作页面。 + + 3. **发表博客文章**：这是我的第一篇博客文章！我现在有用 Astro 编写的页面和用 Markdown 写的文章了！ + + ## 下一步计划 + + 我将完成 Astro 教程，然后继续编写更多内容。关注我以获取更多信息。 \ No newline at end of file diff --git a/src/pages/posts/post-2.md b/src/pages/posts/post-2.md new file mode 100644 index 0000000..2cd7497 --- /dev/null +++ b/src/pages/posts/post-2.md @@ -0,0 +1,11 @@ +--- +title: 我的第二篇博客文章 +author: Astro 学习者 +description: "学习了一些 Astro 后，我根本停不下来！" +image: + url: "https://docs.astro.build/assets/arc.webp" + alt: "Thumbnail of Astro arcs." +pubDate: 2022-07-08 +tags: ["astro", "blogging", "learning in public", "successes"] +--- +在学习 Astro 大约一周后，我决定尝试些新的东西。我编写并导入了一个小组件！ \ No newline at end of file diff --git a/src/pages/posts/post-3.md b/src/pages/posts/post-3.md new file mode 100644 index 0000000..028c283 --- /dev/null +++ b/src/pages/posts/post-3.md @@ -0,0 +1,11 @@ +--- +title: 我的第三篇博客文章 +author: Astro 学习者 +description: "我遇到了一些问题，但是在社区里面提问真的很有帮助！" +image: + url: "https://docs.astro.build/assets/rays.webp" + alt: "Thumbnail of Astro rays." +pubDate: 2022-07-15 +tags: ["astro", "learning in public", "setbacks", "community"] +--- +尽管这并不总是一帆风顺，但我很享受使用 Astro 进行搭建。并且，[Discord 社区](https://astro.build/chat)真的很友好而且乐于助人！ \ No newline at end of file diff --git a/src/styles/global.css b/src/styles/global.css new file mode 100644 index 0000000..f5a8a02 --- /dev/null +++ b/src/styles/global.css @@ -0,0 +1,21 @@ +html { + background-color: #f1f5f9; + font-family: sans-serif; + } + + body { + margin: 0 auto; + width: 100%; + max-width: 80ch; + padding: 1rem; + line-height: 1.5; + } + + * { + box-sizing: border-box; + } + + h1 { + margin: 1rem 0; + font-size: 2.5rem; + } \ No newline at end of file