折腾 qexo,hexo のバックエンドアプリ#
簡単に話す#
hexo ブログシステムを使ってみたけど、バックエンドがないことに気づいた。記事を投稿するにはコマンドラインしか使えない。
それでいろいろなバックエンドプログラムを試してみたけど、hexo に触れたことがないブロガーにとっては本当に面倒だった。
たまたま qexo を見つけたんだけど、WYSIWYG マークダウンをサポートしている。
初心者にとっては救世主だけど、qexo の作者の説明が初心者にはあまりにも簡潔すぎて、何度も情報を調べてチュートリアルを探した。
オンラインのチュートリアルも少なく、あちこちから集めてやっと qexo を構築することができた。
なぜローカルでデプロイしなかったのかって？まぁ、一つは面倒くさいから、二つは本当に手間がかかるし、落とし穴が多いからさ。
重要：hexo のすべての設定はコードを変更するしかない
手間をかけたくないなら Z-Blog か wordpress を使うことをおすすめする。
今は新しい選択肢がある、それがこの記事を見ているブログ、xlog を提供している
まず、qexo の構築に必要なウェブサイトについて話そう#
1. MongoDB#
なぜそれを使うのか... それは無料だからだ。同じく無料の SupaBase データベースを使って qexo をデプロイしようとしたら 500 エラーが出て、全部英語だったので諦めた。
MongoDB は一発成功した
MongoDB アカウントを登録し、無料の MongoDB データベースを作成し、地域は ** 必ず AWS / N. Virginia (us-east-1)** を選択し、Clusters ページで CONNECT をクリックし、すべての IP アドレスの接続を許可するように設定し、データベースのユーザーを作成し、データベースの接続情報を記録し、パスワードは設定した値です。
これが公式の説明ですが、簡潔ですよね？MongoDB の登録方法やデータベースの作成についても検索する必要があります。
2. ワンクリックデプロイ https://vercel.com/#
以下は公式の紹介ですが、初心者向けではないですね。少なくともある程度の基礎知識が必要です。ここで初心者は諦めるでしょう。折りたたむのが好きな人以外は。
[https://vercel.com/ に登録し、vercel.com の無料ドメインが汚染されている（なぜ汚染されているのかはわからない、ネット上の説明をコピーしただけで、私は責任を持ちません）、国内では使用できないので、独自のドメインをバインドする必要があります。これは落とし穴ですので、初心者は注意してください。](https://vercel.com/%E3%81%AB%E7%99%BB%E9%8C%B2%E5%90%A7,%E3%81%9D%E3%81%97%E3%81%A6vercel.com%E3%81%AE%E5%85%8D%E8%B2%BB%E5%9F%9F%E5%90%8D%E5%B7%B2%E7%B5%8C%E8%A2%AB%E6%B1%A1%E6%9F%93(%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A2%AB%E6%B1%A1%E6%9F%93%E6%88%91%E4%B8%8D%E7%9F%A5%E9%81%93,%E6%8A%84%E7%9A%84%E7%BD%91%E4%B8%8A%E8%AF%B4%E6%B3%95,%E6%9C%AC%E4%BA%BA%E4%B8%8D%E8%B4%9F%E8%B4%A3),%E5%9B%BD%E5%86%85%E4%B8%8D%E8%83%BD%E4%BD%BF%E7%94%A8,%E9%9C%80%E8%A6%81%E7%BB%91%E5%AE%9A%E8%87%AA%E5%B7%B1%E5%9F%9F%E5%90%8D,%E8%BF%99%E6%98%AF%E4%B8%AA%E5%9D%91,%E5%B0%8F%E7%99%BD%E6%B3%A8%E6%84%8F%E3%80%82)
でも、vecel のインターフェースと操作は netlify よりも使いやすいと思うし、何よりも vecel は無料だし、netlify はまだよくわかっていない！
ワンクリックデプロイ##
初回のデプロイではエラーが発生することがありますが、無視してプロジェクトに再入力し、プロジェクトの設定画面で環境変数を追加します。
| 名前 | 意味 | 例 |
|---|---|---|
| MONGODB_HOST | MongoDB データベースの接続アドレス | mongodb+srv://cluster0.xxxx.mongodb.net |
| MONGODB_PORT | MongoDB データベースの通信ポート デフォルトは 27017 | 27017 |
| MONGODB_USER | MongoDB データベースのユーザー名 | abudu |
| MONGODB_DB | MongoDB データベースの名前 | Cluster0 |
| MONGODB_PASS | MongoDB データベースのパスワード | password |
Deployments で Redeploy をクリックしてデプロイを開始し、エラーメッセージがなければドメインを開いて初期化ガイドに入ることができます。
これだけが qexo のデプロイ終了です#
hexo のデプロイもありますが、今はどうやったかは言いません。少なくともこれを見ることができるので、github には詳しいはずです。詳しく知らない場合は検索してみてください。少なくとも学ぶプロセスになるでしょう。hexo は次回にしましょう。