なぜつくったのか

Astroでブログを書く際、設定(フロントマター)を毎回手入力するのがスマホからだと面倒でした。

• タイトルや日付の入力ミスをしがち
• スマホだとマークダウン記号が打ちにくい

これらを解決するために、自分用に「Astro Blog Editor」を開発しました。

構築のポイント

今回はconohaVPS上でDockerを使用して環境をつくりました。

1. Nginxでのリバースプロキシ設定 editor.game30.netというサブドメインを割り当て
   etc/nginx/sites-available/設定に苦戦
2. スマホ特化のボタン配置 よく使うマークダウン記号をボタンで挿入できるようにしました。
3. Astro形式の自動コピー機能 コピーボタンを押すだけで’---‘形式のテキストがクリップボードに保存されます。

実際に使ってみて

完成したエディタを使ってみた感想は、面倒な作業が軽減されたので、これならスマホからでも記事をアップする気になれそう！
※この記事は、このエディタをはじめて試しています。 ミスなくきちんとアップされていれば成功なはず…

追記：１回目はエラー
❌ エラーの原因
記事の最初（フロントマター）にある heroImage の設定が ./hero-.jpgのままだった。 解決法→画像がまだ用意できていない場合は、heroImage の行を削除。

スマホから記事の初アップができました！！ 必要な方がいたら、どうぞご自由にご利用ください。