Hello World

30 Jul 2016
Munir
0 Comments
- Dev
- Hello World
- Jekyll
- GitHub
- GitHub Pages

Obligatory hello world first post. This site is where I’ll blog about mostly programming, tutorials, and sometimes other stuff. This site is built using Jekyll, and is hosted on GitHub Pages. Syntax highlighting using Prism, and math formatting using KaTeX. Stylesheets written in Scss. Comments powered by Disqus.

I designed this theme using Bootstrap as the base. Like it? It’s open source. Fork it, customize it, and use it. But do remember to change the identifying keys for Disqus and Google Analytics, which is all in the _config.yml file. Spot anything wrong with the theme? Create a new issue and report the bug.

Formatting previews after the jump.

The Jump

Table of Contents is automatically generated by kramdown¹. Numbering done in CSS². Table of Contents also appear at the side, but only up to 2 levels deep. Kramdown’s footnote syntax test³.

Paragraph after TOC.

Header 1

Avoid Header 1 in posts, since post title is a Header 1. Start with Header 2. Add a {:.no_toc} below the header to prevent the header from appearing in table of contents.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Header 2

Foo
Bar
1. Abc
2. Def
Baz

Foo
Bar
- Abc
- Def
Baz

Header 3

Default aligned	Left aligned	Center aligned	Right aligned
First body part	Second cell	Third cell	fourth cell
Second line	foo	strong	baz
Third line	quux	baz	bar
2 line

Another Header 3

Header 4

Header 5

Header 6

Syntax Highlighting

Javascript

// clickable url http://www.google.com
var x = "hello";

Haxe

var x = "hello";
trace(x);

Bash

sudo foo bar
ls -x

Batch

dir -p
cd c:\foo

Ruby

require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

x <- c(21, 62, 10, 53)
labels <- c("London", "New York", "Singapore", "Mumbai")
pie(x, labels)

Consecutive Code Blocks

var x = "hello";
trace(x);

var x = "hello";
trace(x);

Math Formatting

Inline formula $3987^{12} + 4365^{12} = 4472^{12}$ and below is a block formula:

$f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi$

Another inline formula $\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }$ the quick brown fox jumps over the lazy dog. This is an intentionally long sentence so I can see how the line wraps when there’s a huge formula.

Kramdown TOC syntax http://kramdown.gettalong.org/converter/html.html#toc ↩
Nested unordered list numbering http://stackoverflow.com/a/26245056/3761791 ↩
Kramdown footnotes syntax http://kramdown.gettalong.org/syntax.html#footnotes ↩