Prosefly
すべての活用例

ブログ・日誌

次の記事を書く。自分のブログに公開する。

既存の Astro・Hugo ブログで使える Git ベース CMS。Markdown のビジュアル編集、対応する記事フィールドや画像の管理、公開前の差分確認ができます。テーマとビルドはそのまま使えます。

Astro のブログテンプレートから始める。

Aster は執筆とプロジェクトのストーリー向けに作ったオープンソースの Astro スターターです。Blog と Projects のコレクション、MDX コンポーネント、サイト構成を保ったままチームで編集できます。

Aster のブログ記事ページ。Defaults With an Exit の記事と Astro サイトのレイアウトを表示しています。
Aster ブログスターター:Blog コレクションから表示した記事。

Aster ブログスターター

執筆とプロジェクトのストーリー向け Astro スターター。Blog と Projects のコレクション、MDX コンポーネントを備え、コンテンツに合わせてサイトを変更できます。

src/content/blog/defaults-with-an-exit.mdx

このスクリーンショットは Blog コレクションから表示した Aster の記事です。テンプレートのリンクから自分のサイトを始められます。既存の Astro・Hugo ブログを Prosefly に接続することもできます。

記事の準備を、ひとつの場所で。

別々のツールを行き来せず、本文、属性、画像をまとめて準備。確認する準備ができるまで、未公開の下書きとして保存できます。

Markdown・MDX で書く

Markdown と対応する MDX コンポーネントをビジュアル編集。独自の構文にはソースを開けます。記事の形式とパスは維持されます。

本文のそばで記事の属性を編集

タイトル、説明、日付、タグなど、対応する項目を更新。コレクションの設定に従うため、ブログ独自のコンテンツ構成を保てます。

書きながら画像を選ぶ

共有ライブラリで準備できた画像を挿入することも、既存のリポジトリ内の参照を使い続けることもできます。アップロードした画像は別途ホスティングされ、記事から URL で参照します。

必要なときは、一緒に書く

複数の著者で書く記事には同僚を招待。同じ下書きで、カーソルと変更をリアルタイムに共有できます。未公開の作業は Prosefly に保存されます。

記事を読み直してから、差分を確認。

公開前に本文と属性を確認。ファイルの差分で、リポジトリに反映される内容を把握できます。GitHub でチームのレビューを受けたい場合は、プルリクエストを利用できます。

公開ガイドを読む
Prosefly の公開前レビュー。変更した文書、ファイルの差分、GitHub への公開方法を表示。
レビュー画面はドキュメントのページを使った例です。ブログ記事も同じ手順で差分を確認できます。

Prosefly で書く。ブログはそのまま。

Markdown と対応する MDX コンポーネントをビジュアル編集し、本文のそばで記事の属性を更新。確認したファイルを既存のブログへ公開できます。

Markdown と、対応する MDX コンポーネントのビジュアル編集。

記事と属性を編集する、実際の Prosefly ビジュアル編集デモ。

次の下書きから、ウェブサイトへ。

  1. 01

    今のブログを接続

    GitHub を接続してサイトのリポジトリをスキャンし、記事のコレクションと編集できる項目を確認します。

  2. 02

    次の記事を準備

    本文を書き、属性を更新して、画像を追加。下書きの保存で Git のコミットは作られません。

  3. 03

    確認して公開

    ファイルの差分を確認し、コミットまたはプルリクエストを作成。既存のビルドが、公開したファイルを使ってブログを更新します。

実際の使い方と対応範囲

独自の MDX や Hugo のショートコードはソース編集が必要になる場合があります。公開は Git への書き込みであり、予約投稿やブログの draft 項目の自動変更は行いません。公開前に、サイト側で記事の表示を制御する項目をご確認ください。

コンテンツが変わっても、所有権はそのまま。

公開した Markdown、MDX、データファイルは、自分のリポジトリに残ります。公開するまで下書きは Prosefly に保存されます。ライブラリにアップロードしたメディアは別途ホスティングされ、URL で参照します。

コンテンツの所有権について

サイトを支えるツールは、そのまま。

フレームワークやドキュメントツールごとの、コンテンツの扱い方をご覧ください。

Prosefly のほかの活用方法

ブログの記事で試してみましょう。

リポジトリを接続し、既存の記事を開くだけ。1か月無料、クレジットカード不要です。

次の記事を書き始める