stronk C++ syntax highlighting

[vinniefalco]

We need a very solid C++ syntax highlighter that works in a specific way. C++ keywords in blue, everything else in black except for string literals in a 3rd color and include/preprocessor in a 4th color. Comments in their own color too and I want comments in italics (except for the /*, */, and //) and nothing else in italics.

[gregjkal]

We use Pygments for syntax highlighting on the site. We can create a custom theme that meets these requirements and leverage the existing highlighting tooling.

[vinniefalco]

Does this render when the page is generated or is it client side?

[gregjkal]

When the page is generated, pygments turns this:

BOOST_OPENMETHOD_OVERRIDE(interact,
    (virtual_ptr<Carnivore> c, virtual_ptr<Herbivore> h),
    void) {
    // Carnivore hunts herbivore
}

into this:

<div class="codehilite">
  <pre>
    <code>
      <span class="n">BOOST_OPENMETHOD_OVERRIDE</span><span class="p">(</span><span class="n">interact</span><span class="p">,</span>
      <span class="w">    </span><span class="p">(</span><span class="n">virtual_ptr</span><span class="o">&lt;</span><span class="n">Carnivore</span><span class="o">&gt;</span><span class="w"> </span><span class="n">c</span><span class="p">,</span>
      <span class="w">     </span><span class="n">virtual_ptr</span><span class="o">&lt;</span><span class="n">Herbivore</span><span class="o">&gt;</span><span class="w"> </span><span class="n">h</span><span class="p">),</span>
      <span class="w">    </span><span class="kt">void</span><span class="p">)</span>
      <span class="w">  </span><span class="p">{</span>
      <span class="w">    </span><span class="c1">// Carnivore hunts herbivore</span>
      <span class="p">  </span><span class="p">}</span>
    </code>
  </pre>
</div>

Pygments also generates a css file with style rules for each token type.

Then the browser renders html with that css as usual.

[vinniefalco]

slides right off the tongue