Jekyll 静的ブログ サーバーレス ホスティング ガイド: 無料で Surge.sh にデプロイする方法?

無料でホストする方法 ジキル 静的なブログ？サーバーの購入や技術的なスキルは必要なく、初心者でもすぐに始めることができます。

Jekyll + Surge.sh を使用すると、効率的なブログ プラットフォームを簡単に作成できます。

Surge プロジェクトをインストールする

Surge.sh は、Node.js プラットフォームによって公開される JavaScript 引用プログラムです。

Surge を使用する前に、次のことを行う必要があります。Node.js をローカル コンピューターにインストールする。

• 次に、npm を介して Surge をインストールします。

Surge をインストールしていない場合、最初のタスクは次のコマンドを入力してインストールすることです▼

npm install -g surge

• これで、Jekyll Web サイトをすぐに起動するために必要なツールがすべて揃いました。

新しい Jekyll サイトを作成する

まず、既存の Jekyll プロジェクトを見つけるか、ターミナルを介して新しいプロジェクトを作成します ▼

# 在当前目录创建一个新的 Jekyll 站点
jekyll new ./

Jekyll を構築する具体的な方法については、以下のリンクをクリックして、注意深く準備された Jekyll のダウンロードとインストールのチュートリアルをお読みください▼

🔗Jekyll のダウンロードとインストールのチュートリアル: ローカル コンピューターで静的ブログ Web サイトをゼロから構築する

ローカル コンピュータをセットアップし、Jekyll をセットアップした後、次のコマンドを使用してブラウザでアクセスできます。bundle exec jekyll serve

bundle exec jekyll serve
# 服务器地址: http://localhost:4000/
# 服务器运行中... 按下 ctrl-c 可停止。

• この時点で、基本的な静的 Web サイトを正常に実行できました。
• デフォルトでは、Jekyll プロジェクトはローカル コンピューター上で実行され、サーバーへの展開の準備がほぼ完了しています。

Jekyll Web サイトをコンパイルする

次に、Jekyll Web サイトを静的な HTML、CSS、および JavaScript ファイルにコンパイルできます。

bundle exec jekyll build

これで、ソース コードがコンパイルされて、 _site/ 目次。

走るたびに jekyll build 、これらのファイルは再コンパイルされます。これらは Web に公開するファイルでもあります。

Jekyll サイトを展開する

次のコマンドを使用して、 _site/ カタログをインターネットに公開▼

surge _site/

まだログインまたは登録していない場合は、ログインまたは登録を求めるメッセージが表示されます。

次に、ランダムなサブドメインを取得します。

独自に選択したものに置き換えることができます。 example-jekyll.surge.sh ▼

surge _site/

email: [email protected]
project path: ~/Sites/jekyll-project/_site
domain: (random-suggestion.surge.sh) example-jekyll.surge.sh

Enterを押すと、Webサイトが正常に起動したことを確認するメッセージが表示されます▼

Success! Project is published and running at example-jekyll.surge.sh

• 成功しました。Web サイトが正常にオンラインになりました。

Surge は、展開するたびにデフォルトでドメイン名の入力を求められます。

この手順をスキップするには、コマンドの実行時にドメイン名を Surge の CLI に直接渡します。

たとえば、サブドメインがvancouver.surge.sh, 次のコマンドを実行できます ▼

surge _site/ --domain vancouver.surge.sh

• Surge にカスタム ドメイン名を追加する場合は、上記のコマンドのサブドメイン名をカスタム ドメイン名に置き換えることができます。

ログインするアカウントを切り替えたい場合は、Surge アカウントからログアウトする必要があります▼

surge logout

以下のエラーメッセージが表示された場合▼

Aborted - you do not have permission to publish to xxx. surge.sh

• 解決策は、Surge によってデフォルトで生成されるサブドメインがすでに占有されているため、このサブドメインを変更することです。
• 自動的に提供される URL に任意の英数字のプレフィックスを追加できます。

無料利用枠の制限

• Surge.sh は、月あたり 250 のデプロイと 1 GB のストレージを許可する無料枠を提供します。
• 個人的なブログの場合、通常はこれで十分です。
• さらにリソースが必要な場合は、有料プランにアップグレードできます。

注意事项

Surge によって正式に提供されたサブドメイン名は、robots.txt ファイル内の検索スパイダーを強制的にブロックするため（SEO）、改変の許可が得られていないため、使用することはお勧めできません。

robots.txt ファイルを変更できるように、カスタム ドメイン名を Surge に追加することをお勧めします。

🚀 Jekyll を Surge.sh にデプロイし、カスタム ドメイン名を追加する方法を知りたいですか?

下のリンクをクリックしてガイドを読み続け、静的 Web サイトを簡単に構築してください▼

🔗Surge.shにデプロイされたJekyllにカスタムドメイン名を追加: 静的Webサイトを簡単に構築