Jekyll blog in Rails site using Bloggy gem: how do I use the Rails css for the blog, on each build?

Question

I've got a Rails site with a Jekyll blog incorporated, using the Bloggy gem.

I'd like a similar look for the main site and the blog, so I want to use the css in app/assets/stylesheets, but those files are in css.scss format. Jekyll (in a Bloggy setup) looks for css in config/jekyll/css, and seems to only want .css files; symlinking the Rails css directory into the Jekyll hierarchy doesn't seem to to work.

Is there a way to take advantage of the asset pipeline so that when I run jekyll:build, SCSS files from the Rails app are made into CSS files, placed in the appropriate jekyll directory, and bundled with the latest Jekyll build as it's placed into the /public/blog folder?

Thanks!

Matthew Du Pont Matthew Du Pont · Accepted Answer · 2013-05-29T06:12:56

Ended up getting through this by:

Using the jekyll-sass gem to allow automatic transformation of the Rails app's .css.scss into .css.css files. By symlinking the Rails app/assets/stylesheets directory into Bloggy's config/jekyll/css, this put files with the right content but wrong extensions in the correct place.

Writing a rake task to make the .css.css files into .css files.

desc 'Make .css.css files into .css files'
task :css_css do
     Dir.glob('public/blog/css/*.css.css').each do |file|
         puts `mv #{file} #{file.gsub(/\.css\.css$/, '.css')}`
     end
end

Not the prettiest solution, but it works.

Jekyll blog in Rails site using Bloggy gem: how do I use the Rails css for the blog, on each build?

2 Answers