From 82d404ee813814f2b2e6b9741057036567c0111b Mon Sep 17 00:00:00 2001 From: Toi Yoshimaru <0maru.dev@gmail.com> Date: Mon, 11 Dec 2023 21:23:15 +0900 Subject: [PATCH] =?UTF-8?q?=E3=82=B7=E3=83=B3=E3=82=BF=E3=83=83=E3=82=AF?= =?UTF-8?q?=E3=82=B9=E3=83=8F=E3=82=A4=E3=83=A9=E3=82=A4=E3=83=88=E3=81=AB?= =?UTF-8?q?=E3=81=A4=E3=81=84=E3=81=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/layouts/Post.astro | 1 + src/pages/posts/create_blog.md | 22 ++++++++++++++++++---- 2 files changed, 19 insertions(+), 4 deletions(-) diff --git a/src/layouts/Post.astro b/src/layouts/Post.astro index 3725d1c..f57e631 100644 --- a/src/layouts/Post.astro +++ b/src/layouts/Post.astro @@ -86,5 +86,6 @@ const {frontmatter} = Astro.props .markdown-body pre { padding: 0.5rem 1rem; + border-radius: 0.3rem; } diff --git a/src/pages/posts/create_blog.md b/src/pages/posts/create_blog.md index 3f937f1..26053ed 100644 --- a/src/pages/posts/create_blog.md +++ b/src/pages/posts/create_blog.md @@ -40,10 +40,8 @@ Astro を採用した理由は Markdown で書いた記事を静的な HTML に が結構活発だった気がしたらから採用しました。 この記事を書きながらv3 からv4 に更新したので、今のところ最新の Astro を使っています。 -Astro を使ってみての感想ですが、MarkdownをHTMLに変換する機能が公式でサポートされていて、RSSの生成などもあってブログを作るには十分すぎるくらいの機能があります。 -下記のようにブログ記事の Markdown 一覧を取得する機能が元々備わっているので、データを取得して rss のメソッドに渡すだけです。 - -[実際に生成されたRSS | https://blog.0maru.dev/rss.xml](https://blog.0maru.dev/rss.xml) +Astro を使ってみての感想ですが、ブログを作るには十分すぎるくらいの機能が備わっています。 +MarkdownをHTMLに変換する機能は公式でサポートされてい、 RSSの生成など下記のように簡単に作成することが出来ます。 ```javascript import rss from '@astrojs/rss'; @@ -66,6 +64,22 @@ export async function GET(context) { ``` +[実際に生成されたRSS | https://blog.0maru.dev/rss.xml](https://blog.0maru.dev/rss.xml) + +シンタックスハイライトも Shiki と Prisma が build-in で対応していて設定さえ書けば簡単に導入出来ます。 + +```:javascript +export default defineConfig({ + markdown: { + shikiConfig: { + theme: 'github-dark-dimmed', + langs: [], + wrap: true, + }, + }, +}); +``` + 今は検索機能や見出しへのページ内リンクも無いので今後はそういったちょっと便利になるものをコツコツ追加していければと思っています。 Storybook とか Astro は関係無いですが記事の内容をそのまま「DALL-E 3」に与えて画像を生成できるようなものも準備したいです。