首页 > 代码库 > Rails + Bootstrap个人博客搭建的完整过程

Rails + Bootstrap个人博客搭建的完整过程

Part 1

-首先最基本的,创建一个新的的project:

rails new blog
-然后修改source为https://ruby.taobao.com,加入bootstrap的gem到Gemfile:
gem ‘twitter-bootstrap-rails‘
执行bundle install没有错误,但是有一个提示:
Important: You may need to add a javascript runtime to your Gemfile in order for bootstrap‘s LESS files to compile to CSS.

**********************************************

ExecJS supports these runtimes:

therubyracer - Google V8 embedded within Ruby

therubyrhino - Mozilla Rhino embedded within JRuby

Node.js

Apple JavaScriptCore - Included with Mac OS X

Microsoft Windows Script Host (JScript)

**********************************************
看提示是缺少了一个js的runtime,Ok,按照提示我安装了ExecJS
gem install execjs

然后在Gemfile里面添加了ExecJS支持的runtime:

gem ‘therubyracer‘
再次bundle install,没有问题,访问localhost:3000,可以正常访问!

Part 2

-创建首页

rails generate controller blogs



在controller目录下的blogs子目录里面的blogscontroller.rb添加index方法

def index
end

然后在views目录下面创建index.html.erb文件,加入一行html的代码

<h1>Hola,Rails!</h1>

最后就是更改routes.rb文件,添加

root to: ‘blogs#index‘



再次刷新localhost:3000即可看到新的首页了!





Rails + Bootstrap个人博客搭建的完整过程