【iOS】個人ブログ作成手順_html/css_WEB-ITnose

最近、個人のブログを始めてみて、なかなかいいなと思ったので、これから自分のブログを立ち上げようとしている友達のために、ブログを作る過程を書き留めることにしました。

準備

まず、githubにアカウントを作成する必要があります。まだ Github アカウントをお持ちでない場合は、ホームページですぐに登録できます

入力を完了し、情報が重複していないことを確認したら、下の [Sign up for Github] ボタンをクリックして、新しいインターフェース。新しいインターフェイスは、GitHub のウェアハウス暗号化サービスの料金を支払うかどうかを選択するために使用されます。GitHub でホストされているプロジェクトを非オープンソースにする場合は、支払うことを選択する必要があります。

ここではデフォルトで無料が選択されており、Web ページの下部にスライドして緑色のボタンを選択して登録を完了します。登録が完了したら、電子メール認証の右下隅にある [新規] ボタンからインターフェイスに入ることができます。 認証が完了したら、認証リンクをクリックしてこのインターフェイスに移動します

このステップでは、次の準備が行われます。私たちのブログが完成しました。

Github ブログを作成する

新しいプロジェクトを作成するには、上の図の [新しいリポジトリ] をクリックします。プロジェクト名は github name.github.io である必要があります。たとえば、この記事の github 名は SindriLinGithubTest です。新しいウェアハウスの名前は SindriLinGithubTest.github.io である必要があります

画像の情報を入力したら、ブログ ウェアハウスの構築が完了し、次の設定ステップに進みます

2. 設定初めてのブログ

3. ブログ ページを作成します

4. ブログのテーマを選択します (ブログの構築に役立つ CSS、HTML、およびその他のファイルを生成します。これらのファイルは変更できます)

5. ブラウザで SindriLinGithubTest.github.io アドレスにアクセスします

6. ブログ上で、ウェアハウス下のファイル内のブログのレイアウト、表示コンテンツなどを変更します。ブログの表示内容とこれらのファイルの内容を比較して変更を加えます

ブログが設定されたので、仲良しの友達に見せることができます

7. 既存のウェアハウスを削除するにはどうすればよいですか?他の人の既存のテーマを使用してブログを構築したい場合は、上で作成したウェアハウスを削除する必要があります。ウェアハウスを削除するには、設定で削除します

テーマを簡単にカスタマイズします

私たちが作成しました。上記のように自分のブログを作成しましたが、HTML/CSSを理解していない人（私）にとって、ブログのカスタマイズは面倒な問題です。しかし、今ではもうそのことを心配する必要はありません。 jekyllthemes は、シンプルな静的ブログ Web サイト ツールです。この Web サイトでお気に入りのテーマを見つけて、直接ダウンロードして使用できます。

Blogger さん、私が現在使用しているテンプレートは Twenty テーマです。必要なテーマをクリックしてダウンロードしてください

ダウンロード後に行う必要がある手順は次のとおりです

1. テーマを変更します。ファイル名を github 名 .github.io

2. github ツールを使用して github ウェアハウスにアップロードします (ウェアハウス内の同じ名前のブログ ウェアハウス ファイルを削除する必要があることに注意してください)。 github ツールをダウンロードしたくない場合は、この記事を参照して、ファイルをサーバーにアップロードするコマンドを使用できます

3. github Web サイトにログインして、index.html を含むブログ レイアウト ファイルを変更します。 _config.yml (アップロードが成功すると、github ブログ ページが変更されます。ページ情報に従って、以下の対応するファイルに移動して変更します)

4. ブログ効果の変更が完了しました

ドメイン名バインド

ブログが設定されているのですが、アクセス アドレスが常に不快に見えます。指定したアドレスからアクセスするにはどうすればよいですか?ドメイン名を購入するには、Wanwang にログインする必要があります

ドメイン名を購入する前に、そのドメイン名が存在するかどうかを確認したいドメイン名を入力します。購入する場合は、Wanwang アカウントを登録し、ドメイン名を購入リストに追加して支払いを行います。ブロガーはドメイン名 sindrilin.com を購入しました (com は net よりも高価です。ご自身の判断でご購入ください。ブロガーのドメイン名は 3 年間で 149 ドルです)

ドメイン名の購入が完了した後も、ドメイン名を解決して有効にします

1. 製品管理インターフェイスに入り、ドメイン名を選択し、購入したドメイン名を解析する必要があります

2. github ページ インターフェイスで、右上隅の [ページ ヘルプ] を選択し、ブログ DNS とドメイン名のバインドを選択します

3. ドメイン名解決を実行します。レコード タイプは A、ホスト レコードには @ が含まれます。および www、レコード値は上記の 2 つの DNS の 1 つです (ここに 2 つの解析を追加しました)

4. Github リポジトリを開き、ブログ リポジトリ ディレクトリに新しいファイルを追加し、CNAME という名前を付けて書き込みます購入したドメイン名

5. ブログリポジトリの _config を変更し、URL を購入したドメイン名のアドレスに設定します

6. 設定を保存した後、ウェアハウスの [設定] をクリックします。リンク アドレスが青色で表示されている場合は、ブログとドメイン名が関連付けられていることを意味します。数分待つと、ドメイン名からアクセスできるようになります。購入しました

ブログを更新します

通常、ダウンロードしたテーマには _posts フォルダーがあり、ブログ投稿が通常は md (マークダウン) 形式で保存されます。私の提案は、これらのファイルを削除しないことです。私たちのブログはこれらのファイルの形式で変更したり書いたりすることができます。

ここで使用するマークダウンエディタはtyporaです。個人的にはこのマークダウンエディタがシンプルで使いやすいと思います。 _posts ディレクトリ内の任意の md ファイルを選択し、右クリックして typora で開きます。ファイル内の赤枠でマークされた部分は変更できますので削除しないでください。誤って削除してしまうと、ブログが表示されなくなったり、ブログページが乱れたりする可能性があります

ブログ完成後、_posts ファイル直下に保存し、github for mac を使用して送信してください。変更内容を確認し、右上隅の「同期」をクリックしてファイルの同期を実行すると、しばらくしてからブログが更新されます。さらに、ブログの画像は、倉庫内の画像ファイルの下に配置し、HTML ステートメントを使用することで取得できます

上記の操作を完了した後、通常はブログとテーマを設定しています。確認する前に、友達にアクセスしてもらう必要があります。ドメイン名の確認で、

が表示された場合は、ブログ テーマの構築に失敗し、このテーマは役に立たないことを意味します。この時点で、github 上のリポジトリを削除する必要があります

github でホストされているブログ リポジトリを正常に削除した後、ローカル github ツール上のブログ ファイルも削除する必要があります

プロジェクトを右クリック -> ; 削除

完了後、新しいテーマをダウンロードし、選択したテーマにアクセスできるようになるまで上記のように再送信します

その他

この記事で作成したブログサーバーは github 上にあるため、読み込み速度が十分に高くない可能性があります。アクセスされました。完璧主義者であれば、Wanwang で Alibaba のクラウド サーバーを購入し、バックエンド開発に精通したパートナーを見つけて共有サーバーを共同開発することもできます。

その他のリソース:

マークダウン構文

Alibaba Cloud サーバーの購入

po メインブログ

po メイン倉庫