Octopress 搭建静态博客网站环境配置
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Octopress 搭建静态博客网站环境配置相关的知识,希望对你有一定的参考价值。
备忘录:记录一下搭建过程
1.安装Git
鼠标右键--打开Git Bash 打开命令行
配置git(要有github账号:name)
$ git config --global user.name "name"
配置git的全局用户信息(可以看到是哪个用户,哪个邮箱提交的)
$ git config --global user.email "[email protected]"
生成秘钥:
$ ssh-keygen -t rsa -C "[email protected]"
(回车)--设置密码,可写可不写(回车)--再次确认密码(回车)
生成一个与github进行交互进行传输数据的秘钥,用SSH
文件保存在目录 C:\\Users\\username\\.ssh 下(id_rsa<私钥>和id_rsa.pub<公钥> )
id_rsa.pub,要提交到github中,复制里面的内容
到github的setting里 SSH keys--->add SSH key--->title随意,key粘贴公钥的内容---添加
检查SSH是否配置成功
$ ssh -T [email protected]
成功后会显示:Hi name!You‘ve successfully authenticated,but Github does not shell access.
2.ruby
安装rubyinstall---English----G:\\Ruby21-x64 勾选第二个添加到环境变量里Add Ruby executables to ypur PATH---install安装
打开Git Bash,查看ruby版本:
$ ruby -version
或者
$ ruby -v
出现版本信息,说明安装成功。
ruby要和DevKit 配合一起使用
解压到G:\\DevKit---Extract解压
将ruby和DevKit关联起来
在文件夹G:\\DevKit 中有个dk.rb文件 和config.yml,打开Git Bash
初始化:
$ ruby dk.rb init
后提示信息:发现RubyInstaller 在G:\\Ruby21-x64目录下
若没发现也可以修改,用vi编辑器打开文件config.yml:
$ vi config.yml
出来的VIM以#开头的都是注释,下面添加正确的ruby 目录 - G:\\Ruby21-x64
安装:
$ ruby dk.rb install
提示两条信息,说明没有问题,若没出来,说明config.yml没有配置好,打开config.yml自己配置即可
3.Octopress
- 克隆Octopress到本地 git clone git://github.com/imathis/octopress.git octopress
- 进一步进行环境配置,安装依赖项 gem install bundler 和 bundle install
- 安装并使用默认主题
官网:http://octopress.org/ 页面底部链接 start here
打开Git Bash,将github上的Octopress源代码克隆到桌面Octopress文件夹:
$ git clone git://github.com/imathis/octopress.git octopress
打开文件夹(目标:生成source和public文件夹):
$ cd octopress/
进入octopress文件夹,一切在octopress根目录下进行
- $ gem install bundler (RubyGems一直以来在国内都非常难访问到,所以暂时不操作这项,先修改配置)
- 参考 https://gems.ruby-china.org/,https://ruby-china.org/topics/29250
先修改软件源,进行添加软件源(a:append):
$ gem sources -a https://gems.ruby-china.org/ 如果遇到 SSL 证书问题,你又无法解决,请直接用 http://gems.ruby-china.org 避免 SSL 的问题。 $ gem sources -a http://gems.ruby-china.org (我的源)
移除默认软件源(r:remove):
$ gem sources -r https://rubygem.org/
查看软件源:
$ gem sources -l
打开文件Gemfile修改里面的软件源:
$ vi Gemfile
在VIM下打入i进入插入模式 i:insent
第一个 source "https://rubygems.org" 改为国内可用软件源"http://gems.ruby-china.org"
按esc进入命令模式 输入 :wq 保存并退出
修改好软件源之后就可以用
$ gem install bundler
来进行bundler的安装,看到successfully就可以了
安装bundler里面的软件包:
$ bundle install
安装Octopressc:
$ rake install
出现mkdir -p source mkdir -p sass mkdir -p source/_posts mkdir -p public
生成:
$ rake generate
// // Generating Site with Jekyll
打开public文件看到里面就有了静态的博客站点了
本地开设服务器预览 4000端口接受请求localhost:4000
$ rake preview
加载过慢:看浏览器Network 加载失败的文件是jquery
打开Octopress -->source -->_includes -->head.html -->src:googleapis.com改成国内的//libs.baidu.com/jquery/......
打开命令行将本地浏览器停止 buttonX
打开Git Bash 将网站重新生成一下,因为改了里面的源文件
$ rake generate (回车) 生成
$ rake preview (回车) 本地开设服务器预览localhost:4000
以上是关于Octopress 搭建静态博客网站环境配置的主要内容,如果未能解决你的问题,请参考以下文章