Panda: a simple blog engine in Haskell
simple file structure
| |---- 08-09-01 first post
| |---- programming
| |---- funny
simple config file
blog_title = C大调
blog_subtitle = 野猫不吃薯片
host_name = jinjing.blog.easymic.com
author_email = firstname.lastname@example.org
navigation = About
per_page = 7
sidebar = Blogroll.md
favicon = panda_icon.png
standard web technology
- posts are in plain text
- SCM for publishing / data managing ( not really a feature, but a design goal from the beginning )
- blindly follows the KISS principle from code to UI: be a simple blog, no more no less
My blog source is available as a git repo:
git clone git://github.com/nfjinjing/jinjing-blog.git
Or browser online
jinjing's blog config file
Note: only version 1.4.19 has been successfully tested, 1.4.20 is bugged for reasons unknown.
install darcs for
darcs get --partial http://darcs.haskell.org/cabal-install/
cabal update; cabal install panda
# panda is a kibro project
kibro new myblog
# get a template to start
git clone git://github.com/nfjinjing/panda-template.git db
It should be running on http://127.0.0.1:3000 now.
Since Panda is based on Kibro, it helps to read how Kibro works.
rake -T to see a list of helper commands.
blog_title = My shiny blog
host_name = yourhost.com
author_email = email@example.com
Restart required. (hint:
All posts are placed in
db/blog folder, with naming convention [yy-mm-dd title], in Markdown format by default.
Markdown supports embedding HTML snippets, so embedding youtube video is a peace of cake.
You can create static pages, in
db/static, and link to them via
/static/static_file_name inside your blogs.
db/static/About, where you can put some profile in.
Create a file in
db/tag, the name of the file will be the name of the new tag.
edit the tag file, insert the full name of a blog post, e.g.
08-09-04 Welcome to Panda
html / tex / restructured text format
Just create the file in blog as usual with an extension (e.g. html, rst, tex ), and you are all set.
customize navigation bar
see example in
navigation = About, Gallery
Multiple renderer supported, use extension as hints.
Note, the navigation configuration requires the full name of your static page, so you should include extension in configuration as well.
see example in
sidebar = Blogroll.md
Sidebar items are html snippets plugged into view. You can create these plugins in multiple formats, use extension.
Styling is done by editing
public/theme/blueprint/css/custom.css, see the default
custom.css for inspiration.
New theme can be created without touching
Panda code, example blueprint theme in
container = container
header = column span-12 first
navigation = column span-12 first large
main = column span-9 first
sidebar = column span-3 last
footer = footer
css = screen, blueprint-wp, custom
js = jquery-1.2.6.min, jquery.getUrlParam, jquery.highlight-2, custom
These are custom class names for each element block.
You can create new themes by adding theme definition files in
db/config/theme, put theme resources under
db/public/theme/your_theme_name and place
theme = your_new_theme
js are required to be placed under
db/public/theme/your_theme_name/js, leave out the file extensions in
HTML is enabled by default, see
public/theme/blueprint/js/custom.js for more language support.
Highlight style is configured at
config/theme/blueprint.txt, just change
highlight/default to any css inside
Google analytics is available, put your
site.txt, if you don't want analytics, ignore the setting.
Once site module is introduced, those
js code could be configured to be gone forever, but not yet in the current release.
try to use
<h3> for heading in your posts, at least
wordpress is using this convention.
<h1> is not styled in the blueprint theme, so they look kind of unfitted. But this does not stop anyone from styling
<h1>, <h2> if wished.