• #introduce

Vault Blog Core の概要と特徴を紹介する記事です。

• #introduce

**Vault Blog Core** が実際に行うことは、主に 1. `.md` ファイルの収集と解析 2. 各記事のHTMLを生成 です。 ## 1. `.md` ファイルの収集と解析 プロジェク...

• #setup
• #usage
• #introduce

**Vault Blog Core** の導入手順を説明します。 ## リポジトリの準備 まずは Git リポジトリを準備します。 下記手順で進めてください。 1. [GitHub - no-la/v...

• #setup
• #usage
• #introduce

Next.js のプロジェクトは Vercel にデプロイするのが便利らしく、このサイトも Vercel にデプロイしています。 そこで、[[Vault Blog Core の導入手順]]で用意したプ...

• #usage
• #introduce

[[Vault Blog Core の導入手順]]で導入した **Vault Blog Core** を用いて、実際に記事を投稿するまでの手順を説明します。 大まかな流れは次の通りです。 1. ディレ...

• #remark
• #usage
• #introduce

**Vault Blog Core** における投稿用ファイルのパスの扱いには、いくつか注意点があります。 Markdown ファイル、画像、音声、動画など、すべての種類のファイルに共通して次の点に注...

• #usage
• #introduce

**Vault Blog Core** で投稿するための Markdown ファイルのフロントマターを説明します。 ## フロントマターのテンプレート テンプレートはこちらで、YAML フロントマター...

• #usage
• #introduce

**Vault Blog Core** を用いて自分だけのブログを作る方法を説明します。 現時点では、主に以下の4つのカスタマイズを想定しています。 1. 環境変数の設定 2. 投稿条件の変更 3. ...

• #usage
• #remark
• #introduce

**Vault Blog Core** の各ディレクトリの役割・使い方を説明をします。 主要なフォルダは下記のとおりです。 ``` . ├─ config ├─ data ├─ lib ├─ post...

• #remark
• #introduce

**Vault Blog Core** は今後もしばらく機能追加や改良をしていく予定です。 現在予定している or 出来たらいいなと思っている開発は、下記のとおりです。 - [ ] タグごとの記事一覧...

• #usage
• #introduce
• #sample

シンタックスハイライトについては、[Prism](https://prismjs.com/) を用いて実装しています。 > [!Note] > [[今後の開発予定]]からの実装です。 ## 概要 [P...

• #usage
• #introduce

検索については、 [Fuse.js](https://www.fusejs.io/) を用いて実装しています。 > [!Note] > [[今後の開発予定]]からの実装です。 ## 検索周りの実装概要...

• #introduce
• #usage

OGP画像の自動生成については、[Functions: ImageResponse \| Next.js](https://nextjs.org/docs/app/api-reference/func...