diff --git a/_includes/header.html b/_includes/header.html index 73f38b0..d36f5e6 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -4,7 +4,7 @@ {% assign icon_color = "#24292e" %} {% endif %} -{% assign content = page.content | strip_newlines %} +{% assign content = page.content %} {% assign posts_total = site.posts | size %} diff --git a/_layouts/post.html b/_layouts/post.html index 2f14fb2..acda2f7 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -24,7 +24,9 @@

{% octicon chevron-left height:16 class:"mr-2 v-align-middle" fill:{{ icon_color }} aria-label:Home %}Home

{{ page.title }}

Published {{ page.date | date: "%b %d, %Y"}}

- {{ content }} +
+ {{ content }} +
diff --git a/_posts/2019-01-29-hello-world.md b/_posts/2019-01-29-hello-world.md index 97c4e3b..ff44314 100644 --- a/_posts/2019-01-29-hello-world.md +++ b/_posts/2019-01-29-hello-world.md @@ -6,3 +6,70 @@ published: false **Hello world**, this is my first Jekyll blog post. I hope you like it! + +# Highlighter +## Ruby +```ruby +def show + puts "Outputting a very lo-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-ong lo-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-ong line" + @widget = Widget(params[:id]) + respond_to do |format| + format.html # show.html.erb + format.json { render json: @widget } + end +end +``` + +## Php +```php + +``` + +## Java +```java +public class java { + public static void main(String[] args) { + System.out.println("Hello World"); + } +} +``` + +## HTML +```html + + Title! + +

Hello, World!

+ + + + +``` + +## Console +```console +# prints "hello, world" to the screen +~# echo Hello, World +Hello, World + +# don't run this +~# rm -rf --no-preserve-root / +``` + +## Css +```css +body { + font-size: 12pt; + background: #fff url(temp.png) top left no-repeat; +} +``` + +## Yaml +```yaml +--- +one: Mark McGwire +two: Sammy Sosa +three: Ken Griffey +``` diff --git a/_sass/_highlight-syntax.scss b/_sass/_highlight-syntax.scss new file mode 100644 index 0000000..8898a10 --- /dev/null +++ b/_sass/_highlight-syntax.scss @@ -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 */ \ No newline at end of file diff --git a/assets/styles.scss b/assets/styles.scss index 66fd171..5d61b49 100644 --- a/assets/styles.scss +++ b/assets/styles.scss @@ -2,6 +2,7 @@ --- @import url('https://unpkg.com/primer/build/build.css'); @import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700,900'); +@import 'highlight-syntax'; body { font-family: 'Rubik', sans-serif; @@ -20,3 +21,10 @@ body { top: 2px; width: 12px; } + +.article { + h1, h2, h3, h4, + .highlight { + margin-bottom: 16px; + } +}