Blog 一覧

このポートフォリオにブログ機能を追加しました

はじめに

このポートフォリオサイトに、自分で記事を書いて公開できるブログ機能を追加しました。 content/posts/ に Markdown ファイルを置いて git に push するだけで、ビルド時に静的ページとして生成されます。

記事の書き方

  1. content/posts/ に YYYY-MM-DD-好きな名前.md を作成する
  2. 先頭に frontmatter を書く(下記参照)
  3. 本文を Markdown で書く
  4. lib/content/posts_loader.dart の一覧に追記する
  5. git commit して git push する

frontmatter の例

---
              title: 記事のタイトル
              date: 2026-07-22
              excerpt: 一覧に表示される短い説明文
              tags: [Dart, Jaspr]
              cover: /assets/images/example.png   # 任意(省略可)
              ---
              

対応している記法

GitHub Flavored Markdown に対応しています。

  • リスト
  • 太字 と 斜体
  • リンク
  • インラインコード

引用もこのように表示されます。

コードブロックも表示されます。

String greet(String name) {
                return 'Hello, $name!';
              }
              
項目 内容
記法 GFM
レンダリング package:markdown

おわりに

Qiita の記事一覧も同じ Blog ページに統合表示しています。ぜひご覧ください。