DEV Community

Casualwriter
Casualwriter

Posted on

1 1

Build markdown blog site by casual-markdown-blog

casual-markdown-blog is a handy solution to build blog site by markdown files and single index.html

No installation, just copy a single index.html, and config home page at index.md, then start write post in markdown!

blog layout

It is very handy to build simple blog-site from markdown files, and host on static web hosting. For example,

Usage Guide

simply copy index.html to web server, or fork this repo.

  • config site at index.md (title, subtitle, header-color, navigation, etc..)
  • start to write blog post using markdown
  • to publish, just add the post in index.md by syntax
* yyyy/mm/dd: [post-title](md-file) { #tags }
Enter fullscreen mode Exit fullscreen mode

below is sample setup from Sample Blog: index.md

------------------------------------------------------------------title      : Casual-Markdown's Blog 
subtitle   : Simple is the best
nav-group  : featured, new-3, tags, months
nav-width  : 320px
css-header : background:linear-gradient(to bottom right, #06c, #fc0); color:white
menu       : 
   Home    : ?
   Github  : https://github.com/casualwriter/casual-markdown-blog
   Dark    : javascript:darkmode()
   About   : ?page=about.md
------------------------------------------------------------------
<style comment="additional style">
......
</style>

<div id="md-post">

home page in markdown syntax...

## Archive

* yyyy/mm/dd: [Post Title](md file)  { #tag1, #tag2 }
* yyyy/mm/dd: [Post Title](md file)  { #tag1, #tag2 }
...
* yyyy/mm/dd: [Post Title](md file)  { #tag1, #tag2 }

</div>

Enter fullscreen mode Exit fullscreen mode

looking forward to your advice to help it getting better,

thanks,

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)