DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 964,423 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Casualwriter
Casualwriter

Posted on

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,

Top comments (0)

Need a better mental model for async/await?

Check out this classic DEV post on the subject.

β­οΈπŸŽ€ JavaScript Visualized: Promises & Async/Await

async await