diff --git a/_config.yml b/_config.yml index fa21137..7b146be 100644 --- a/_config.yml +++ b/_config.yml @@ -13,3 +13,11 @@ exclude: ["README.md", "LICENSE"] sass: style: :compressed sass_dir: _sass + + +# Markdown +markdown: kramdown +kramdown: + input: GFM + hard_wrap: false +highlighter: rouge diff --git a/_includes/head.html b/_includes/head.html index 66faf1d..2e3dc3f 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -16,5 +16,5 @@ {% endif %} - + diff --git a/_layouts/post.html b/_layouts/post.html index eb3c670..421c442 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -3,12 +3,9 @@ layout: default ---
-

{{ page.title }}

{{ page.date | date: '%B %-d, %Y' }}

-
{{ content }}
-
diff --git a/_posts/2016-03-10-new-blog.md b/_posts/2016-03-10-new-blog.md index 6653d17..e7291ef 100644 --- a/_posts/2016-03-10-new-blog.md +++ b/_posts/2016-03-10-new-blog.md @@ -4,3 +4,5 @@ title: Why I Switched from Ghost to Jekyll --- I made a new blog using jekyll and Github Pages. + +Before this I was content with [Ghost](https://ghost.org), a fun and easy to use blogging platform. I enjoyed the simplicity an even made a couple themes for it (check them out on my [Github](https://github.com/getmicah)), but what it lacked is that feeling of complete control over your blog. Also, I was getting tired of paying for my Digital Ocean hosting, even with the discount I got with the [Github Student Developer Pack](https://education.github.com/pack) discount. After hearing about the wonders of a "static" blog, I decided to do some hunting around for a new way to blog. Inevitably, I came across Github Pages and Jekyll. Free hosting and a static site blog? It was a no brainer. diff --git a/assets/css/main.scss b/assets/css/main.scss index 67f6378..48ba56c 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -9,6 +9,7 @@ body { background: $color-background; font-family: 'Inconsolata', ; font-size: 100%; + font-weight: 400; } h1, h2 { margin-bottom: 5px; @@ -52,7 +53,7 @@ ul { display: flex; justify-content: space-between; align-items: baseline; - padding-bottom: 40px; + padding-bottom: 50px; @media screen and (max-width: 570px) { display: block; } @@ -91,9 +92,34 @@ ul { .post { padding-bottom: 30px; - h1 { + &__title { font-size: 1.4em; - margin-bottom: 5px; + font-weight: 700; + margin-bottom: 10px; + } + &__date { + font-size: 1em; + } + &__content { + padding-top: 30px; + h1 { + font-size: 1.4em; + margin-bottom: 5px; + } + p { + font-size: 1em; + line-height: 150%; + margin-bottom: 12px; + } + strong { + font-weight: 700; + } + em { + font-style: italic; + } + u { + text-decoration: underline; + } } }