2015-03-02 21:06:05 +01:00
---
layout: post
2020-05-02 08:37:04 +02:00
title: Sample blog post
2015-03-02 21:06:05 +01:00
subtitle: Each post also has a subtitle
2017-10-16 21:25:16 +02:00
gh-repo: daattali/beautiful-jekyll
gh-badge: [star, fork, follow]
2018-01-19 07:49:41 +01:00
tags: [test]
2018-12-25 23:21:42 +01:00
comments: true
2015-03-02 21:06:05 +01:00
---
2020-05-02 08:37:04 +02:00
This is a demo post to show you how to write blog posts with markdown. I strongly encourage you to [take 5 minutes to learn how to write in markdown ](https://markdowntutorial.com/ ) - it'll teach you how to transform regular text into bold/italics/headings/tables/etc.
2015-03-02 21:06:05 +01:00
**Here is some bold text**
## Here is a secondary heading
2016-02-11 23:19:44 +01:00
Here's a useless table:
2017-08-17 17:51:45 +02:00
2016-02-11 23:19:44 +01:00
| Number | Next number | Previous number |
| :------ |:--- | :--- |
| Five | Six | Four |
| Ten | Eleven | Nine |
| Seven | Eight | Six |
| Two | Three | One |
2017-08-17 17:51:45 +02:00
2016-02-11 23:19:44 +01:00
2015-12-29 22:10:56 +01:00
How about a yummy crepe?
2018-12-19 21:44:17 +01:00
![Crepe ](https://s3-media3.fl.yelpcdn.com/bphoto/cQ1Yoa75m2yUFFbY2xwuqw/348s.jpg )
2015-12-29 22:10:56 +01:00
2019-07-03 07:00:42 +02:00
It can also be centered!
2020-05-02 08:10:20 +02:00
![Crepe ](https://s3-media3.fl.yelpcdn.com/bphoto/cQ1Yoa75m2yUFFbY2xwuqw/348s.jpg ){: .mx-auto.d-block :}
2019-07-03 07:00:42 +02:00
2015-11-09 00:19:04 +01:00
Here's a code chunk:
2015-11-06 21:45:41 +01:00
~~~
2016-07-30 05:36:56 +02:00
var foo = function(x) {
return(x + 5);
}
foo(3)
2015-11-06 21:45:41 +01:00
~~~
2016-07-30 05:36:56 +02:00
And here is the same code with syntax highlighting:
2015-11-06 21:45:41 +01:00
2016-02-02 02:33:46 +01:00
```javascript
2015-11-09 00:19:04 +01:00
var foo = function(x) {
return(x + 5);
}
foo(3)
2016-02-02 02:33:46 +01:00
```
2016-07-30 00:10:26 +02:00
2016-07-30 05:36:56 +02:00
And here is the same code yet again but with line numbers:
2016-07-30 00:10:26 +02:00
2016-07-30 05:38:48 +02:00
{% highlight javascript linenos %}
2016-07-30 05:36:56 +02:00
var foo = function(x) {
return(x + 5);
}
foo(3)
2016-07-30 00:10:26 +02:00
{% endhighlight %}
2017-08-17 17:51:45 +02:00
## Boxes
You can add notification, warning and error boxes like this:
### Notification
{: .box-note}
2017-08-18 08:56:57 +02:00
**Note:** This is a notification box.
2017-08-17 17:51:45 +02:00
### Warning
{: .box-warning}
2017-08-18 08:56:57 +02:00
**Warning:** This is a warning box.
2017-08-17 17:51:45 +02:00
### Error
{: .box-error}
2017-08-18 20:31:59 +02:00
**Error:** This is an error box.