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,

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs