На самом деле, данная заметка - это просто памятка-шаблон как оформлять заметку, для начинающих гиковых блогеров. Тема Freshman21 для Jekyll взята c http://jekyllthemes.org/ за основу этого блога. Автор темы некто: Lijia Yu

Оставил часть его постов о конфигурации сайта

Добавил вывод иконок перед заголовком.
Вот тут можно подобрать иконки:
Font Awesome

Заголовок списка :

  • Элемент списка
  • Еще один элемент списка
  • На всякий случай еще один

Пример выделенной строки

mAnimTime = animTime;

Формат ссылки:

[Font Awesome]
(http://fortawesome.github.io/Font-Awesome/cheatsheet/ "Font Awesome")
{:target="_blank"}

<!-- Ссылку необходимо записывать в виде одной строки. 
В примере разбито на строки, чтобы все поместилось на экран
Если все написано правильно в коде получится следующее: -->

<a 
  href="http://fortawesome.github.io/Font-Awesome/cheatsheet/" 
  title="Font Awesome"
  target="_blank"
>
    Font Awesome
</a>

Вставка картинки которая работает и локально и на сайте выглядит следующим образом:

![Mouse R.A.T.7]({{ site.baseurl }}/images/blog/rat7.jpg "Пьяная мышка R.A.T 7")

Пример оформления куска кода

 1 /* This is sample C++ code */
 2 #include <cstdio>
 3 #define MACRO(x) x
 4 using namespace std;
 5 // This comment may span only this line
 6 typedef unsigned int uint;
 7 int static myfunc(uint parameter) {
 8   if (parameter == 0) fprintf(stdout, "zero\n");
 9   cout << "hello\n";
10   return parameter - 1;
11 }
12 class MyClass {
13 public:
14     enum Number { ZERO, ONE, TWO };
15     static char staticField;
16     int field;
17     virtual Number vmethod();
18     void method(Number n) const {
19         int local= (int)MACRO('\0');
20 label: 
21         myfunc(local);
22         vmethod();
23         staticMethod();
24         problem();
25     }
26     static MyClass* staticMethod();
27 };

Список поддерживаемых языков для подсветки синтаксиса

Таблица

Заголовок 1 Заголовок 2 Заголовок 3
влево по центру направо

Двоеточия в средней строке указывают куда выравнивать