Построение сайта блога на основе markdown файлов с помощью casual-markdown-blog

casual-markdown-blog — это удобное решение для создания сайта-блога на основе файлов markdown и единственного index.html.

Никакой установки, просто скопируйте один index.html, настройте домашнюю страницу в index.md, а затем начните писать посты в markdown!

Очень удобно создавать простой блог-сайт из файлов markdown и размещать его на статическом хостинге. Например,

  • Самостоятельный хостинг на github: https://raw.githack.com/casualwriter/casual-markdown-blog/main/source/index.html
  • Блог Casual-Markdown: https://casualwriter.github.io/casual-markdown/blog
  • Темная тема: https://casualwriter.github.io/casual-markdown/blog?theme=dark
  • Темный (всегда): https://casualwriter.github.io/casual-markdown/blog?home=index-dark.md
  • Nav в правой части: https://casualwriter.github.io/casual-markdown/blog?home=index-right.md

Руководство по использованию

просто скопируйте index.html на веб-сервер или форкните это репо.

  • настройте сайт в index.md (заголовок, подзаголовок, цвет заголовка, навигация и т.д.)
  • начните писать посты для блога, используя markdown
  • для публикации просто добавьте пост в index.md с помощью синтаксиса
* yyyy/mm/dd: [post-title](md-file) { #tags }
Войти в полноэкранный режим Выйти из полноэкранного режима

Ниже приведен пример настройки из 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>

Войти в полноэкранный режим Выйти из полноэкранного режима

с нетерпением жду ваших советов, чтобы помочь ему стать лучше,

спасибо,

Оцените статью
devanswers.ru
Добавить комментарий