码迷,mamicode.com
首页 > Web开发 > 详细

Octopress 搭建静态博客网站环境配置

时间:2016-05-19 01:23:02      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:

备忘录:记录一下搭建过程

技术分享

1.安装Git

鼠标右键--打开Git Bash 打开命令行
配置git(要有github账号:name)

$ git config --global user.name "name"

  配置git的全局用户信息(可以看到是哪个用户,哪个邮箱提交的)

$ git config --global user.email "emailAddress@xxx.com"

  生成秘钥:

$ ssh-keygen -t rsa -C "emailAddress@xxx.com"

 (回车)--设置密码,可写可不写(回车)--再次确认密码(回车)

生成一个与github进行交互进行传输数据的秘钥,用SSH
文件保存在目录 C:\Users\username\.ssh 下(id_rsa<私钥>和id_rsa.pub<公钥> )
id_rsa.pub,要提交到github中,复制里面的内容
到github的settingSSH keys--->add SSH key--->title随意,key粘贴公钥的内容---添加

  检查SSH是否配置成功

$ ssh -T git@github.com

成功后会显示: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 搭建静态博客网站环境配置

标签:

原文地址:http://www.cnblogs.com/liuyuanhang/p/5507225.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!