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的settingSSH keys--->add SSH key--->title随意,key粘贴公钥的内容---添加

  检查SSH是否配置成功

成功后会显示: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 搭建静态博客网站环境配置的主要内容,如果未能解决你的问题,请参考以下文章

震惊!白嫖!使用Github/Gitee搭建基于Hexo的静态网站服务!

使用Hexo搭建博客

Windows环境下Jekyll+Github搭建个人博客

Django 搭建博客网站-task00:环境配置

Gitee + Hexo 搭建个人博客

从零开始搭建自己的静态博客 -- 主题篇