实现 Markdown 语法和代码语法高亮分别是用的 Redcarpet 和 pygments.rb 两个 Gem:
https://github.com/vmg/redcarpet
https://github.com/tmm1/pygments.rb
https://github.com/richleland/pygments-css
http://pygments.org/docs/lexers/
在/Gemfile中添加如下两行:
1
2
|
gem 'redcarpet' gem 'pygments.rb' |
需要说明的是,pygments.rb 依赖于 Python,所以确保机器已经安装了 Python 2.x。
然后在/app/controllers/comments_controller.rb中添加相应 redcarpet 和 pygments.rb 的代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
class ApplicationController < ActionController::Base # Prevent CSRF attacks by raising an exception. # For APIs, you may want to use :null_session instead. protect_from_forgery with: :exception helper_method [ :markdown ] # Highlight code with Pygments class HTMLwithPygments < Redcarpet::Render:: HTML def block_code(code, language) language = "text" if language.blank? sha = Digest:: SHA1 .hexdigest(code) Rails.cache.fetch [ "code" , language, sha].join( "-" ) do Pygments.highlight(code, :lexer => language) end end end protected # Markdown with Redcarpet def markdown(text) renderer = HTMLwithPygments. new ({ :filter_html => true , :hard_wrap => true , :link_attributes => { :rel => 'external nofollow' } }) options = { :autolink => true , :no_intra_emphasis => true , :fenced_code_blocks => true , :lax_html_blocks => true , :strikethrough => true , :superscript => true , :tables => true } Redcarpet::Markdown. new (renderer, options).render(text).html_safe end end |
最后在 View 中就可以直接调用 markdown 方法来处理博客正文了:
1
|
<%= markdown @post .content %> |
语法规则类似 Github 上的 Markdown,码字效率大大提高。