Permalink
Browse files

Adding proper code highlighting with pygments.

  • Loading branch information...
biomadeira committed Nov 24, 2015
1 parent cc2931a commit a5e98a567de493ff4e5c74f18acee07193593b4f
Showing with 91 additions and 12 deletions.
  1. +1 −1 .travis.yml
  2. +5 −4 _layouts/layout.html
  3. +18 −5 _posts/2013-05-27-post2.md
  4. +2 −2 _posts/2013-06-05-post1.md
  5. +65 −0 static/css/syntax.css
@@ -5,7 +5,7 @@ rvm:
- 2.2
# Assume bundler is being used, therefore
# the `install` step will run `bundle install` by default.
install: gem install jekyll rdiscount #html-proofer
install: gem install jekyll rdiscount pygments.rb #html-proofer
script: jekyll build #&& htmlproof ./_site --disable-external --only-4xx --check-html --check-favicon
# branch whitelist, only for GitHub Pages
branches:
@@ -27,10 +27,11 @@
<![endif]-->
<!-- Custom styles for this template -->
<link href="{{ site.baseurl }}static/css/main.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,200bold,400old" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="{{ site.baseurl }}static/css/bootstrap.icon-large.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}static/css/main.css" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,200bold,400old" />
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}static/css/bootstrap.icon-large.min.css" />
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}static/css/syntax.css" />
<!-- Google Analytics -->
{% include analytics.html %}
@@ -59,15 +59,28 @@ Let's say you have text that you want to refer with a footnote, you can do that
## Code Blocks
```javascript
{% highlight javascript %}
var s = "JavaScript syntax highlighting";
alert(s);
```
{% endhighlight %}
```python
{% highlight python %}
import sys
s = "Python syntax highlighting"
print s
```
print(s)
def run_some_function():
"Docs..."
return
{% endhighlight %}
{% highlight css %}
/* css synthax highlighting */
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
{% endhighlight %}
```
No language indicated, so no syntax highlighting.
@@ -128,13 +128,13 @@ tags:
<p>Code can be presented inline, like <code>&lt;?php bloginfo('stylesheet_url'); ?&gt;</code>, or within a <code>&lt;pre&gt;</code> block. Because we have more specific typographic needs for code, we’ll specify Consolas and Monaco ahead of the browser-defined monospace font.</p>
<pre><code>
{% highlight css %}
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
</code></pre>
{% endhighlight %}
<hr />
@@ -0,0 +1,65 @@
.highlight { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
/* Make line numbers unselectable: excludes line numbers from copy-paste user ops */
.highlight .lineno {-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
.lineno::-moz-selection {background-color: transparent;} /* Mozilla specific */
.lineno::selection {background-color: transparent;} /* Other major browsers */

0 comments on commit a5e98a5

Please sign in to comment.