Simple Blog

No Dependencies, No Framework, No Library
just Vanilla Javascript, HTML, CSS

---

🚀 Getting Started

Archiving

.md의 최상단에 다음 내용을 작성한다.

---
title: "블로그를 직접 만드는 방법"
date: 2025-07-27
language: "ko"
categories:
  - blog
tags:
  - web-development
draft: true
---
// contents

Local Test

python3 -m http.server 8000

Visit http://localhost:8000 to start testing the blog locally in Python's built-in HTTP server.

---

📁 Project Structure

wontothree.github.io/blog
├── posts                      # articles
│   └── how-to-build-blog
│       └── index.md
│
├── scripts
│   ├── main.js                # entry point (depends on mprogress-bar.js, ui-state.js, route.js)
│   ├── route.js               # manage routing in SPA (depends on markdown-loader.js, ui-state.js, utils.js)
│   ├── markdown-loader.js     # load markdown (depends on markdown-to-html.js)
│   ├── markdown-to-html.js    # markdown to html logic
│   ├── ui-state.js            # manage SPA UI state
│   ├── progress-bar.js
│   └── utils.js
│
├── styles
│   └── index.css
│
├── index.html                 # single page application
├── 404.html                             
└── posts-meta.json            # post meta data (title, date, url, etc)

---