Githubの上の個人のブログサイトを構築

免責事項:この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
このリンク: https://blog.csdn.net/Joseph_Thunder/article/details/93378476

はじめに:ちょうどPythonの持つプロジェクト、多くの場合、解決策を見つけるために、主要なブログのシャトルで直面する問題をやろうとし始め、その後、自分のブログを書くためにアイデアをされました。私たちは、プロジェクトがブログに遭遇しないピットを共有することができ、あなたも自分の知識を学んだ整理することができます。人々が正常にブログを構築してチュートリアルを参照する場合(荘)西(B)のGithub上のプログラマは、自分の個人的なブログを構築する学習の愛も良い選択であるように、第一のポストはなりますそこ材料。

まず、準備

  1. GitHubの公式サイト自分のアカウントに登録され、ユーザー名やブログのドメイン名をどうする、良い、すべての後に取ります。
  2. 直接に、GitリポジトリをインストールするためにGitの公式サイトダウンロードして、ライン上にインストールします。(Gitの個人的な感情は本当に使いやすく、強力なバージョン管理ツールです)
  3. 設置環境のNode.js、に行くことができますし、公式サイトをNode.jsのインストールのための彼らのシステムに対応するバージョンをダウンロードしてください。

第二に、倉庫

GitHubのランディング、画像の横のプラス記号をクリックしてNew repository新しいコードリポジトリを作成します。
新しいリポジトリ
ページに充填リポジトリ名を作成するためのコードリポジトリを入力しusername.github.iousername彼の名前であるが、最良のGitHubの登録したユーザー名と一致しているもちろん、同じではありませんが、また、ブログのアドレスへのアクセスのみを影響を受けることができ、。
リポジトリ名
リポジトリの名前を記入した後、下をクリックしてCreate repository、コードのリポジトリを作成します。
正常に作成された後、クリックしてくださいSetting
セッティング
これはRename多分あなたが使用する、倉庫の名前を変更することです。
下に引っ張ると見つけるGitHub PagesここにアクセスブログのURLを。
Githubのページ

第三に、インストールと設定Hexo

インストールHexo

Hexoは、記法をサポートする強力なプラグインシステムを持っているブログの枠組みの高速で効率的な導入です。
彼らはブログサイトのファイルを格納するために使用される、独自のブログサイトフォルダを、構築するために合う場所を選択してください。
このフォルダには、右Git Bash Here(これはGitがインストールのみ必要)、およびコマンドラインで:

npm install hexo-cli -g

あなたは1表示される場合がありWarning、使用には影響しません心配しないでください。(ない場合はErrorライン上で、プログラマは気にしないWarning、私は言わなかったとき、そして完璧主義(Qiangbozheng))
し、コマンドラインの入力を続け:

npm install hexo --save

インストール後、コマンドラインを入力してhexo -v正常にインストールされてhexoバージョンを確認するために、テストします。

設定Hexo

右のフォルダ内のブログサイトファイルでGit Bash Here(あなただけオフにしない場合Gitはbashは再オープンしません)
使用の初期化Hexo前に、コマンドラインで:

hexo init

次に、コマンドラインで継続:

npm install

ここでは、NPMは自動的に必要なコンポーネントをインストールします。

ピープHexo

想要预览一下Hexo的博客页面,先要生成静态网页,在命令行输入:

hexo generate

然后是运行本地服务(平时调试也是用这个),在命令行继续输入:

hexo server

可以在命令行看到:

$ hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000. Press Ctrl+C to stop.

浏览器输入 http://localhost:4000,即可看到Hexo博客页面。(Hexo的默认主题是landscape)
hexoサーバ

四、将博客部署到Github

配置Git的个人信息

再次来到博客站点文件夹,右键Git Bash Here
Git的个人信息,其实就是用户名和邮箱,在命令行依次输入:

git config --global user.name "uesrname"
git config --global user.email "email"

其中usernameemail就是注册GitHub时的用户名跟邮箱。

添加SSH密钥到GitHub

先要生成SSH密钥,在命令行输入:

ssh-keygen -t rsa -C "email"

这里的email同样是注册GitHub的那个邮箱,一直回车直到命令结束。
然后默认会在C:\Users\username.shh中会生成两个文件,分别是id_rsaid_rsa.pub
ID-RSA
将整个.ssh文件夹拷贝到Git的安装目录下。
拷贝ssh key到剪切板(待会可以直接粘贴的),在命令行输入:

clip < ~/.ssh/id_rsa.pub

登陆GitHub,在头像点击的Settings
設定
然后选择左边的SSH and GPG keys,再点击New SSH key,之后会出现添加页面。
SSHキー
在Title里给这个ssh key起个名字,在下面Key里粘贴刚才拷贝的ssh key,然后点击 Add SSH key
检验一下刚才添加的SSH,在命令行中输入:

ssh -T [email protected]

表示されたら、「あなたは、接続を続行しますか?」と入力し、「はい」、と、「やあ...!あなたが成功し...、認証された」成功がある場合もございます。

設定の適用に関する情報

ブログサイトのフォルダに格納されてい_config.ymlて、オープンを見つけDeployment、次のように、修正:

deploy:
  type: git	#使用Git发布
  repository: https://github.com/username/username.github.io.git	#创建的GitHub仓库地址
  branch: master	#部署的分支

どのrepositoryコードリポジトリクローニングアドレスです。

展開を実行します

最初の展開は、コマンドラインを入力し、拡張機能をインストールする必要があります。

npm install hexo-deployer-git --save

その後世代Hexo、展開コマンドを実行します。

hexo generate	#生成
hexo deploy	#部署
hexo d -g	#在部署前先生成

「INFO展開が行わ:gitの」表示され、それは展開が成功し、その後、あなたがブログサイトでブログにアクセスすることができます示しています。

配備ブログ

第五に、ブログの更新やメンテナンス

アップデートやブログを維持するには、実際には、あなたのブログの活力を維持するように、新しい記事だけでなく、エラー訂正が知られている古い記事を投稿し始めたことをいいます。ブログはHexoがあまりにも複雑ではないサポート値下げエディタを構築し、その記事の編集、組版およびその他の操作基づいています。
ブログサイトフォルダで、右Git Bash Here、コマンドラインで:

hexo new "blog_article"

題したこの新しい記事blog_article空白のブログ記事は、ブログサイトのフォルダには、名前のあったsourceフォルダのブログ記事は、マークダウンのソースを格納しています。Markdownをエディタで_posts.mdのファイル、生成された静的なページを編集した後、コマンドラインで、Githubににデプロイします。

hexo generate	#生成
hexo deploy	#部署

次に、ブログのURLでブログにアクセスするように更新します。

最後に書かれた: Hexoブログの枠組みについて多くのゲームがプレイされているがあり、例えば、トラフィックのレコードを追加し、テーマを変更、コメントおよび大いに多くを追加し、それは、探査プログラマの精神について少し遊びを掘るのビットを行うことができます。

おすすめ

転載: blog.csdn.net/Joseph_Thunder/article/details/93378476