個人ブログの無料作成(HEXO+Github+Mac)
3039 ワード
2日間寝返りを打って小屋を落ち着かせたが、次はバカに説明する:どのように無料で自分のブログを構築するか.(HEXO+Github+Mac)最初にいくつかの概念を明らかにします.結局私は白ですから.
Hexoはブログフレームワークであり、Markdownをサポートする拡張性フレームワークである.(簡単に言えば、ブログを書くには.mdファイルを編集するだけで、HexoはHTMLフロントエンドページとして説明してくれます)
通常のテキストエディタで作成できるタグ言語で、簡単なタグ構文により、通常のテキストコンテンツに一定のフォーマットを持たせることができます.(Markdownには独自の文法があり、文法に従ってブログ編集すればよい)
ソフトウェアプロジェクトの管理プラットフォーム(ここではhexoが構築したブログをgithubに配備し、他の人がアクセスできるようにする必要があります)
始める前にアカウントが必要ですhttps://github.com自分のgithubアカウントを登録して、新しい世界の扉を開けましょう.では、次に始めましょう.
作用:静的ページを生成する.行くぞjs公式サイトは相応のプラットフォームの最新バージョンをダウンロードして、いっしょにインストールすればいいです.
もしxcodeがあればGitをインストールしておめでとうございます.なければGitインストールチュートリアルに行きます.(Gitは無料、オープンソースの分布式バージョン制御系であり、svnは古典的な集中式バージョン制御システムである).
NodeとGitがインストールされたら、以下のコマンドを実行してhexoをインストールします:(端末を開いて直接入力)
必要な環境構成がインストールされています.次にブログの作成を開始します.
Blog、cdからBlogにhexo initを実行するフォルダを作成します.コマンド:
では、おめでとうございます.あなたの地元のブログはこれで作成されました.(ナニー?)はい、そうですが、私の地元のブログはどこですか?余計なことは言わないで、続けましょう.
端末を開き、cdをBlogディレクトリの下に移動し、次のコマンドを実行します.
まだあなたのBlogディレクトリの下にあります.ローカル・サービスを開始し、文書プレビューのデバッグを行い、次のコマンドを実行します.
ブラウザ入力http://localhost:4000(これがあなたのローカルブログです~~)粗末ですが、どうやら自分の小屋ができました.ローカルは簡単に設定されていますが、ドメイン名やサーバは自分のパソコンに基づいており、githubと関連付ける必要があります.
あなたのユーザー名に対応する倉庫を作成します.倉庫名は【your_user_name.github.io】で、固定表記(your_user_nameをあなたのGithubアカウントのusernameに置き換えます)
それから関連を創立して、端末cdはあなたのBlogディレクトリの下に着いて、ファイルは以下があります:
Blog | |-- _config.yml |-- node_modules |-- public |-- source |-- db.json |-- package.json |-- scaffolds |-- themes
今必要なのはconfig.ymlファイル、関連付けを確立して、ダブルクリックしてファイルを開き、一番下にひっくり返して、以下の構成を追加します:(注意::後ろにスペースがあります.覚えておいてください!!!ここに私が穴が開いたことがあります)
修正が完了したら保存してください.config.ymlファイル
gitデプロイを使用するには、次のコマンドを実行します.
最後に、配置コマンドを実行します.
これで、ローカルBlogはgitに配備され、ブラウザに入力されます.http://your_username.github.io/いいです(your_usernameをあなたのGithubアカウント名に置き換えます).
導入の手順は、次の3つの手順で行います.
ここでは混同を避けるために、ブログの公開やテーマの変更などの構成に関する部分は紹介していない.
Hexo文法と使用公式サイト:https://hexo.ioMarkdown基本文法Cmd Markdown簡明文法マニュアルWindows 10構築Hexo:https://www.jianshu.com/p/3f2fe426edffこの文書の内容は次のとおりです.https://www.jianshu.com/p/465830080ea9
関連概念
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