使用Jekyll渲染后如何在HTML文件中添加一些类

Question

我使用Jekyll，我需要在将Markdown渲染为HTML后在HTML标记中添加类。

我可以使用jQuery或简单的JavaScript来完成这项任务，但我想了解钩子如何与Jekyll一起工作。

我在Gemfile中写了这个：

Jekyll::Hooks.register :pages, :post_render do |post|
    # here I need write something with Ruby language
end

一个集合中只有几页受此影响：我该怎么办？

我想补充一点：

class="line-numbers"

对于HTML呈现文件中的所有pre标记。

Answer 1

如果要解析一个集合的文档，可以使用Nokogiri进行解析 。

您可以像这样使用_plugins/hook_pre.rb ：

Jekyll::Hooks.register :documents, :post_render do |document|
    require 'nokogiri'
    # as posts are also a collection, we can have a document from posts
    # or even from another collection
    #### SET YOUR COLLECTION NAME HERE ####
    isSearchable = document.collection.label == 'mycollection'

    if isSearchable == true
        doc = Nokogiri::HTML(document.output)
        pre = doc.css("pre").add_class('line-numbers')
        document.output = doc.to_html
    end
end

Answer 2

答案如下： 将Mark或Class添加到Markdown元素

你添加一个这样的类：

{:.line-numbers}
{% highlight ruby %}
def print_hi(name)
  puts "Hi, #{name}"
end

这会将类line-numbers添加到<figure>标签，它包装<pre> ，希望有所帮助。