使用jekyll写博客

by 于仁颇黎

at 2012-03-30 18:24:31

original http://feedproxy.google.com/~r/brucebot/~3/Snv5DI4FU-k/

2012-03-30 初成
2012-04-17 完成jekyll分页显示和自动摘要
2012-04-25 增加源码链接
2012-06-29 增加我的相册

关于网上使用jekyll的文章,有非常之多,这里就只是记录一下目前我的博客的使用方案.

需要的Gem:

gem install exifr
gem install rmagick
gem install nokogiri
gem install rdiscount

Refer:How to install Jekyll on Mac OSX

~~jekyll 本地运行,用来生成静态网站~~
评论交由disqus处理
Mou 用来编辑markdown,写博客

生成博客markdownrake post["post tile",category]

 #Usage: rake post["title",category]
 desc "Given a title as an argument, create a new post file"
 task :post, [:title, :category] do |t, args|
   filename = "#{Time.now.strftime('%Y-%m-%d')}-#{args[:title].gsub(/\s/, '-').downcase}.md"
   path = File.join("_post", filename)
   if File.exist? path; raise RuntimeError.new("Won't clobber #{path}"); end
   File.open(path, 'w') do |file|
     file.write <<-EOS
 ---
 layout: post
 categories: 
  - #{args[:category]}
 title: #{args[:title]}
 tags:
   - 
 draft: true
 date: #{Time.now.strftime('%Y-%m-%d %k:%M:%S')}
 ---
 EOS
     end
     puts "Now open #{path} in an editor."
     system "open #{path}"
  end #task rake write

执行这个命令后会自动生成新的文章,保存在_posts下面,并自动用Mou打开写文章了. 新的文章会有一个draft:开关，写文章时设置为true，则不会发表，当写完后改为false就会自动发表了。

生成页面 rake page["title"]

     #Usage: rake page["title"]
 desc "Given a title as an argument, create a new post file"
 task :page, :title do |t, args|
   filename = "#{args.title.gsub(/\s/, '-').downcase}.markdown"
   path = File.join("pages", filename)
   if File.exist? path; raise RuntimeError.new("Won't clobber #{path}"); end
   File.open(path, 'w') do |file|
     file.write <<-EOS
 ---
 layout: page
 title: #{args.title}
 date: #{Time.now.strftime('%Y-%m-%d %k:%M:%S')}
 ---
 EOS
     end
     puts "Now open #{path} in an editor."
     system "open #{path}"
  end #task rake page

执行这个命令后会自动生成新的文章,保存在pages下面,并自动用Mou打开写文章了.

使用resize/watermark的automator应用给设置图片大小和加水印效果

文章写好后,执行rake preview可以预览效果.

 desc "Launch preview environment"
 task :preview do
   system "jekyll --rdiscount --server"
 end # task :preview

文章发布rake deploy
desc "Building the site and deploy to remote" task :deploy do system "jekyll --rdiscount && rsync -avz --delete _site/ xxx@xxx.com:/home/xxx/" end # task :deploy</del>

文章发布rake deploy

 desc "deploy site to remote"
 task :delpoy do
   system "git add . && git commit -m 'update post' && git push deploy master"
 end # task :deploy

参考:https://github.com/mojombo/jekyll/wiki/Deployment

左边的Instagram照片,参考@lianxu的文章整合instagrm到jekyll生成.
jekyll分页显示在_config.xml里面增加一项 paginate: 5 5表示每页显示文章的数目然后查看:https://github.com/mojombo/jekyll/wiki/Pagination 里面选择一个代码加入到主页当中去,我是选择第二个考虑page1的.
自动摘要使用10的分页显示后,因为原来的文章每有用到more的摘要功能,看起来每一页会相当长,于是加一个自动摘要的功能,这样单页显示就好看多了.从 https://github.com/MattHall/truncatehtml/blob/master/html_filters.rb下载html_filter.rb插件放入_plugin文件夹. 原始的html_filter.rb不支持中文,使用文本编辑器打开,找到一行代码:
```
doc = Nokogiri::HTML(Iconv.conv('ASCII//TRANSLIT//IGNORE', 'UTF8', raw))
```
将其更改成
```
doc = Nokogiri::HTML(Iconv.conv('UTF8//TRANSLIT//IGNORE', 'UTF8', raw))
```
所有源码可以在github上查看,链接:https://github.com/brucebot/brucebot.com.site
我的相册使用jekyll-gallery-generator搭建

Google Reader

使用jekyll写博客

使用jekyll写博客

by 于仁颇黎

at 2012-03-30 18:24:31

original http://feedproxy.google.com/~r/brucebot/~3/Snv5DI4FU-k/

需要的Gem: