個人ブログの無料作成(HEXO+Github+Mac)

3039 ワード

2日間寝返りを打って小屋を落ち着かせたが、次はバカに説明する:どのように無料で自分のブログを構築するか.(HEXO+Github+Mac)最初にいくつかの概念を明らかにします.結局私は白ですから.

関連概念


Hexoって何?


Hexoはブログフレームワークであり、Markdownをサポートする拡張性フレームワークである.(簡単に言えば、ブログを書くには.mdファイルを編集するだけで、HexoはHTMLフロントエンドページとして説明してくれます)

Markdownって何?


通常のテキストエディタで作成できるタグ言語で、簡単なタグ構文により、通常のテキストコンテンツに一定のフォーマットを持たせることができます.(Markdownには独自の文法があり、文法に従ってブログ編集すればよい)

Githubって何?


ソフトウェアプロジェクトの管理プラットフォーム(ここではhexoが構築したブログをgithubに配備し、他の人がアクセスできるようにする必要があります)
始める前にアカウントが必要ですhttps://github.com自分のgithubアカウントを登録して、新しい世界の扉を開けましょう.では、次に始めましょう.

環境の設定


1.ノードのインストール(必須)


作用:静的ページを生成する.行くぞjs公式サイトは相応のプラットフォームの最新バージョンをダウンロードして、いっしょにインストールすればいいです.

2.Gitのインストール(必須)


もしxcodeがあればGitをインストールしておめでとうございます.なければGitインストールチュートリアルに行きます.(Gitは無料、オープンソースの分布式バージョン制御系であり、svnは古典的な集中式バージョン制御システムである).

3.HEXOを正式に取り付ける


NodeとGitがインストールされたら、以下のコマンドを実行してhexoをインストールします:(端末を開いて直接入力)
$ sudo npm install -g hexo


ローカルブログの作成


必要な環境構成がインストールされています.次にブログの作成を開始します.

1.初期化


Blog、cdからBlogにhexo initを実行するフォルダを作成します.コマンド:
hexo init


では、おめでとうございます.あなたの地元のブログはこれで作成されました.(ナニー?)はい、そうですが、私の地元のブログはどこですか?余計なことは言わないで、続けましょう.

2.静的ページの生成


端末を開き、cdをBlogディレクトリの下に移動し、次のコマンドを実行します.
hexo generate (hexo g   )


3.ローカル起動


まだあなたのBlogディレクトリの下にあります.ローカル・サービスを開始し、文書プレビューのデバッグを行い、次のコマンドを実行します.
hexo server


ブラウザ入力http://localhost:4000(これがあなたのローカルブログです~~)粗末ですが、どうやら自分の小屋ができました.ローカルは簡単に設定されていますが、ドメイン名やサーバは自分のパソコンに基づいており、githubと関連付ける必要があります.

Githubの設定


1.Repositoryの作成


あなたのユーザー名に対応する倉庫を作成します.倉庫名は【your_user_name.github.io】で、固定表記(your_user_nameをあなたのGithubアカウントのusernameに置き換えます)

2.ローカルとの関連付け


それから関連を創立して、端末cdはあなたのBlogディレクトリの下に着いて、ファイルは以下があります:
Blog | |-- _config.yml |-- node_modules |-- public |-- source |-- db.json |-- package.json |-- scaffolds |-- themes
今必要なのはconfig.ymlファイル、関連付けを確立して、ダブルクリックしてファイルを開き、一番下にひっくり返して、以下の構成を追加します:(注意::後ろにスペースがあります.覚えておいてください!!!ここに私が穴が開いたことがあります)
deploy:
type: git
repository: https://github.com/your_username/your_username.github.io.git (your_username Github )
branch: master

修正が完了したら保存してください.config.ymlファイル

3.GitへのローカルBlogの配備


gitデプロイを使用するには、次のコマンドを実行します.
npm install hexo-deployer-git --save


最後に、配置コマンドを実行します.
hexo deploy


これで、ローカルBlogはgitに配備され、ブラウザに入力されます.http://your_username.github.io/いいです(your_usernameをあなたのGithubアカウント名に置き換えます).
導入の手順は、次の3つの手順で行います.
hexo clean
hexo generate
hexo deploy


最後に書く


ここでは混同を避けるために、ブログの公開やテーマの変更などの構成に関する部分は紹介していない.

Tips


Hexo文法と使用公式サイト:https://hexo.ioMarkdown基本文法Cmd Markdown簡明文法マニュアルWindows 10構築Hexo:https://www.jianshu.com/p/3f2fe426edffこの文書の内容は次のとおりです.https://www.jianshu.com/p/465830080ea9