#usageの記事一覧
Vault Blog Core の導入手順
- #setup
- #usage
- #introduce
**Vault Blog Core** の導入手順を説明します。 ## リポジトリの準備 まずは Git リポジトリを準備します。 下記手順で進めてください。 1. [GitHub - no-la/v...
Vercelにデプロイするまでの手順
- #setup
- #usage
- #introduce
Next.js のプロジェクトは Vercel にデプロイするのが便利らしく、このサイトも Vercel にデプロイしています。 そこで、[[Vault Blog Core の導入手順]]で用意したプ...
Vault Blog Core による記事投稿までの手順
- #usage
- #introduce
[[Vault Blog Core の導入手順]]で導入した **Vault Blog Core** を用いて、実際に記事を投稿するまでの手順を説明します。 大まかな流れは次の通りです。 1. ディレ...
Vault Blog Core におけるファイルパスの扱いについて
- #remark
- #usage
- #introduce
**Vault Blog Core** における投稿用ファイルのパスの扱いには、いくつか注意点があります。 Markdown ファイル、画像、音声、動画など、すべての種類のファイルに共通して次の点に注...
Vault Blog Core の投稿記事用フロントマターについて
- #usage
- #introduce
**Vault Blog Core** で投稿するための Markdown ファイルのフロントマターを説明します。 ## フロントマターのテンプレート テンプレートはこちらで、YAML フロントマター...
Vault Blog Core のカスタマイズ
- #usage
- #introduce
**Vault Blog Core** を用いて自分だけのブログを作る方法を説明します。 現時点では、主に以下の4つのカスタマイズを想定しています。 1. 環境変数の設定 2. 投稿条件の変更 3. ...
Vault Blog Core の各ディレクトリの説明
- #usage
- #remark
- #introduce
**Vault Blog Core** の各ディレクトリの役割・使い方を説明をします。 主要なフォルダは下記のとおりです。 ``` . ├─ config ├─ data ├─ lib ├─ post...
シンタックスハイライトについて
- #usage
- #introduce
- #sample
シンタックスハイライトについては、[Prism](https://prismjs.com/) を用いて実装しています。 > [!Note] > [[今後の開発予定]]からの実装です。 ## 概要 [P...
サイト内検索について
- #usage
- #introduce
検索については、 [Fuse.js](https://www.fusejs.io/) を用いて実装しています。 > [!Note] > [[今後の開発予定]]からの実装です。 ## 検索周りの実装概要...
OGP画像の自動生成について
- #introduce
- #usage
OGP画像の自動生成については、[Functions: ImageResponse \| Next.js](https://nextjs.org/docs/app/api-reference/func...