このポートフォリオにブログ機能を追加しました
はじめに
このポートフォリオサイトに、自分で記事を書いて公開できるブログ機能を追加しました。
content/posts/ に Markdown ファイルを置いて git に push するだけで、ビルド時に静的ページとして生成されます。
記事の書き方
content/posts/にYYYY-MM-DD-好きな名前.mdを作成する- 先頭に frontmatter を書く(下記参照)
- 本文を Markdown で書く
lib/content/posts_loader.dartの一覧に追記する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 ページに統合表示しています。ぜひご覧ください。