77 lines
1.5 KiB
Markdown
77 lines
1.5 KiB
Markdown
|
---
|
||
|
layout: post
|
||
|
title: Test markdown
|
||
|
subtitle: Each post also has a subtitle
|
||
|
categories: markdown
|
||
|
tags: [test]
|
||
|
---
|
||
|
|
||
|
You can write regular [markdown](http://markdowntutorial.com/) here and Jekyll will automatically convert it to a nice webpage. I strongly encourage you to [take 5 minutes to learn how to write in markdown](http://markdowntutorial.com/) - it'll teach you how to transform regular text into bold/italics/headings/tables/etc.
|
||
|
|
||
|
**Here is some bold text**
|
||
|
|
||
|
## Here is a secondary heading
|
||
|
|
||
|
Here's a useless table:
|
||
|
|
||
|
| Number | Next number | Previous number |
|
||
|
| :------ |:--- | :--- |
|
||
|
| Five | Six | Four |
|
||
|
| Ten | Eleven | Nine |
|
||
|
| Seven | Eight | Six |
|
||
|
| Two | Three | One |
|
||
|
|
||
|
|
||
|
How about a yummy crepe?
|
||
|
|
||
|
![Crepe](https://s3-media3.fl.yelpcdn.com/bphoto/cQ1Yoa75m2yUFFbY2xwuqw/348s.jpg)
|
||
|
|
||
|
It can also be centered!
|
||
|
|
||
|
![Crepe](https://s3-media3.fl.yelpcdn.com/bphoto/cQ1Yoa75m2yUFFbY2xwuqw/348s.jpg){: .center-block :}
|
||
|
|
||
|
Here's a code chunk:
|
||
|
|
||
|
~~~
|
||
|
var foo = function(x) {
|
||
|
return(x + 5);
|
||
|
}
|
||
|
foo(3)
|
||
|
~~~
|
||
|
|
||
|
And here is the same code with syntax highlighting:
|
||
|
|
||
|
```javascript
|
||
|
var foo = function(x) {
|
||
|
return(x + 5);
|
||
|
}
|
||
|
foo(3)
|
||
|
```
|
||
|
|
||
|
And here is the same code yet again but with line numbers:
|
||
|
|
||
|
{% highlight javascript linenos %}
|
||
|
var foo = function(x) {
|
||
|
return(x + 5);
|
||
|
}
|
||
|
foo(3)
|
||
|
{% endhighlight %}
|
||
|
|
||
|
## Boxes
|
||
|
You can add notification, warning and error boxes like this:
|
||
|
|
||
|
### Notification
|
||
|
|
||
|
{: .box-note}
|
||
|
**Note:** This is a notification box.
|
||
|
|
||
|
### Warning
|
||
|
|
||
|
{: .box-warning}
|
||
|
**Warning:** This is a warning box.
|
||
|
|
||
|
### Error
|
||
|
|
||
|
{: .box-error}
|
||
|
**Error:** This is an error box.
|