Blogging software
Wordpress
Drupal
Joomla!
Wordpress Drupal Joomla!
<!doctype html>
<html>
<head>
<title>My blog</title>
</head>
<body>
<h1>Welcome!</h1>
<p>It's my blog!</h1>
</body>
</html>
Markdown
Basics
Markdown
Markdown
===
A **simple**, readable way to write
documents that translate directly
into HTML.
> Everything should be made as
> simple as possible, but not simpler
*Albert Einstein*
<h1>Markdown</h1>
<p>
A <strong>simple</strong>, readable
way to write documents that translate directly
into HTML.
</p>
<blockquote>
Everything should be made as simple
as possible, but not simpler
</blockquote>
<em>Albert Einstein</em>
Posts
// index.html
---
layout: default
title: "My blog"
---
<ul>
{% for post in site.posts %}
<li>
<a href="{{ post.url }}">
{{ post.title }}
</a>
</li>
{% endfor %}
</ul>
// _posts/2013-10-09-my-first-post.md
---
layout: default
title: "My first post"
---
This is my *very first* post.
It's quite short...
// _site/index.html
<html>
<head>
<title>My blog</title>
</head>
<body>
<h1>My blog</h1>
<ul>
<li>
<a href="/2013/10/09/my-first-post.html">
My first post
</a>
</li>
</ul>
</body>
</html>
// _site/2013/10/09/my-first-post.html
<html>
<head>
<title>My first post</title>
</head>
<body>
<h1>My first post</h1>
<p>
This is my <em>very first</em> post.
</p>
<p>It's quite short...</p>
</body>
</html>
A site!
_site/
A static site
JavaScript plugins
e.g.: Disqus