Octopress枠組みGithubのページは(上)個人的なブログを設定しています

転送します。https://www.cnblogs.com/wanxudong/p/6772684.html

Octopress枠組みGithubのページには、個人的なブログを設定しています

まず、事前知識:

1、シェルコマンド

2、Gitの

第二に、構築プロセス:

以下は、(本明細書中に具体的なインストール手順ですRVMによってもインストール、rbenv:マウント、マウント公式文書Octopress分析Octopressセットアップ):

ビュールビーバージョン

1
ruby --version  # 根据Octopress官方文档Ruby必须 >= 1.9.3-p0

 

 

ルビーのバージョン場合> = 1.9.3-p0スキップRVMとRubyインストールを。

第二に、RVMをインストール

1
curl -L https://get.rvm.io | bash -s stable --ruby

 

 

第三には、Rubyの1.9.3をインストール

1
 2
 3
rvm install 1.9.3 rvm use 1.9.3 rvm rubygems latest 

 

 

 

第四に、インストールOctopress

1、Octopressプロジェクトclone現地へ:

1
 2
git clone git://github.com/imathis/octopress.git octopress
cd octopress

 

 

2、アップデートrubyソースは、公式にはなりruby国内の淘宝網のソースにソースを交換してください。

1
 2
 3
gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/ gem sources -l

 

 

 

3、インストールに依存:

1
 2
gem install bundler # 若遇权限问题加上sudo重新执行,并输入密码。
bundle install

 

 

図4に示すように、最終的な設置Octopress

1
rake install       # 安装octopress默认主题

 

 5、初期設定の変更Octopress

1
 2
ls                 # 查看当前目录所有文件
vim _config.yml    # 通过vim编辑主要配置

 

 

画像

注:以下のコードを見ることができます:

1
 2
 3
 4 5 6 7 8 9 10 11 12 13 14 15
# ----------------------- #
# Main Configs # # ----------------------- # #网站地址,这里是GitHub项目地址,为必填 url: http://userName.github.io #网站标题 title: user的博客 #网站副标题 subtitle: 天行健,君子以自强不息。 #网址作者 author: userName #搜索引擎 simple_search: https://www.google.com/search #网站的描述,出现在HTML页面中的 meta 中的 description description:

 

 

 

 

 

 

 

 

 

 

 

octopressディレクトリを確認し、コマンドを実行します

1
 2
rake generate  # 生成静态站点
rake preview   # 预览静态站点,在http://localhost:4000

 

 

 

GitHubのページへの展開第六に、

  GitHubの上で作成しNew repositoryRepository nameそれが命名のためのプロジェクト名ですuserName.github.iouserNameこれは、ユーザー名と一致する必要があります。Tips:ベストはチェックしないREADME必要が追加行うには、リモートリポジトリに同期しないように、pull動作を制御します。

図1に示すように、ローカル・コード・リポジトリに同期GitHub

1
rake setup_github_pages

 

 

図2に示すように、リモートリポジトリを結合

1
git@github.com:your_username/your_username.github.io.git  # 或者https://github.com/your_username/your_username.github.io

 

 

記事の作成3.

1
rake new_post["title"]

 

 

4、ソース/ディレクトリに/新品_postsを生成します

1
 2
cd source/_posts   # 命令行cd到posts目录下
open ./ # 打开目录文件夹

 

 

   この時間は、ディレクトリが表示されます.markdown、我々はいくつかのサードパーティ介しことができ、ファイルの接尾辞をマークダウンエディタを開きます。ここで私は覚書使用したものである(ダウンロード:ここでは)、Mouまた非常に詳述されているマークダウン構文で文書化、ここでそれらを繰り返さない、リアルタイムプレビューが付属しています。

5、静的なサイトを生成するために編集した後、端末はコマンドを実行します。

1
rake generate     # 此命令需在octopress根目录执行,若当前目录为source/_posts,执行两次cd ..返回到根目录再执行此命令。

 

 

6、ローカルサイト、ディレクティブの実装をプレビュー:

1
rake preview

 

 

7、ブラウザ開くlocalhost:4000Webページの効果効能を表示しています。問題があることができない場合は、静的なサイトがに同期されGitHubたリモート倉庫インチ コマンドを実行します。

1
rake deploy      #同步到GitHub服务器

 

 

  オープンGitHubには、数分待つ、我々は静的なWebページは、GitHubのリポジトリに同期化された表示されますmasterブランチに。アクセスブラウザアクセスusername.github.io、あなたは個人のブログが正常に作成されたでしょう。

最後に、作成sourceブランチを。Octopress Gitのリポジトリは、( repositoryは、それぞれ、二つのブランチを有し、masterそしてsource

  • source支店ストアは、ルートディレクトリoctopressでブログのソースファイルを生成することです。
  • masterブログサイト自体の支店記憶内容は、ルートディレクトリに、マスターである_deployあなたは、フォルダ、pushソースファイルが無視されたときに、それが使用するrake deploy更新にコマンドを。
1
 2
 3
 4 
git checkout source
git add .
git commit -m "comment" #"comment"为提交的log日志 git push origin source

 

 

 

 

次のように8、Gitのオペレーションコードです。

1
 2
 3
 4 5 6
git remote -v               # 显示所有远程仓库
git pull origin source      # 取回远程仓库的变化 git branch # 列出所有本地分支 git checkout [branch-name] # 切换到指定分支,并更新工作区 git merge [branch] # 合并指定分支到当前分支 git log # 查看当前分支的版本历史

 

 

 

 

 

 

おすすめ

転載: www.cnblogs.com/yinminbo/p/11809693.html