(サンプル)記事の書き方 — このページを複製して使う
このページは書き方のサンプルです。このページを複製して新しい記事を書いてください。
公開までの手順
- このページを複製する
Title/Slug/Description/Dateを埋める(Tagsは任意)- 本文を書く(下の「本文の書き方」参照)
StatusをReadyにする- GASで
dryRun→ 問題なければpublishReadyを実行
公開に成功すると Status が Published になり、URL と SyncedAt が自動で入ります。
プロパティの決まりごと
| プロパティ | 必須 | 決まりごと |
|---|---|---|
| Title | 必須 | h1・titleタグ・OGP・JSON-LDに使われる |
| Slug | 必須 | 英小文字・数字・ハイフンのみ。/blog/{slug}.html になる |
| Description | 必須 | meta descriptionと一覧カードの説明文。120字目安 |
| Date | 必須 | 公開日。一覧は新しい順に並ぶ |
| Tags | 任意 | 一覧カードと記事ヘッダに表示される |
| Noindex | 任意 | 限定公開。ONにすると一覧にもsitemapにも載らず、URL直打ちのみで見られる |
Slugに日本語・大文字・スペースを入れるとエラーで止まります。実行ログにその旨が出ます。
本文の書き方
書き方は2通りあり、どちらでも構いません。
A. Notionで普通に書く
見出し・箇条書き・引用・表・コードブロック・画像がそのままサイトのデザインに変換されます。使えるものは次のとおりです。
- 見出し1・見出し2 → サイト上は
h2(記事タイトルがh1のため1段下がる) - 見出し3 →
h3 - 箇条書き・番号付きリスト(入れ子も可)
- 引用・コールアウト → 引用ブロック
- コードブロック → 黒背景のコード表示
- 表 → 罫線付きテーブル(列ヘッダーONで1行目が見出しになる)
- 区切り線・画像・ブックマーク
太字・斜体・打ち消し線・インラインコード・リンクもそのまま反映されます。
B. Markdownを貼る
AIに書かせた原稿をそのまま使いたいときはこちら。本文を「言語=markdown のコードブロック」1つにして丸ごと貼ると、中身をMarkdownとして解釈します。ページ本文がそのコードブロックだけの状態にしてください。
画像について
Notionにアップロードした画像は、GASが実体を取り込んでリポジトリに保存し直します(NotionのURLは約1時間で切れるため)。普通にドラッグして貼って大丈夫です。画像のキャプションが alt テキストになります。
修正したいとき
Notionで直して Status を Ready に戻し、もう一度 publishReady を実行するだけです。記事・一覧・sitemapが作り直されます。何度実行しても結果は同じになります。