HTMLBlog

blog-website — HTML Blog Template

By Eccedev

A responsive blog theme template built with HTML, CSS and JavaScript, without a CMS. It uses a posts.json data file to filter by tag, category or all posts, and includes dark/light mode and an initial banner modal.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

Implemented purely with HTML, CSS and JavaScript, with no CMS or backend service dependency

Filtering by tag, category or all posts via data/posts.json combined with scripts

Provides multiple page structures including post pages, all-posts pages, category filter pages and tag filter pages

Built-in dark/light mode switching, back-to-top arrow and initial banner modal

Includes sidebar and footer areas for social buttons, plus a separate stylesheet for post pages

Template Details

This template is published by Eccedev on GitHub under the MIT license and is positioned as a blog website theme that does not use a CMS. The page structure is primarily static HTML, with styles handled by styles.css and style-posts.css; post pages and listing pages each have their own styles. The interaction logic is concentrated in js/script.js, used to filter by tag, category or all posts, and to implement dark/light mode switching.

Content data is stored in data/posts.json, together with pages under the posts directory such as allposts.html, filter-theme.html, filterbycategorie.html, filterbytag.html, post-theme.html and post1.html through post11.html, which respectively display all posts, filtered results and individual post content. The README also mentions a homepage initial banner modal, a back-to-top arrow, sidebar and footer areas for social buttons, and the need to modify index.html and styles.css to adjust displayed content and styles.

The template is labeled as a starter theme template. The README lists future directions including legal pages and accessibility improvements, indicating these parts are not yet complete. The demo site is blog-website-theme.vercel.app. The repository provides no dependency list or build process description, so users must independently verify the licenses of third-party images, fonts and icons.

HTMLBlog

Is it right for your project?

Use Cases

Building a personal blog or content showcase site presented as static pages
Lightweight blog projects that need to organize post lists by tag or category
As a practice template for learning HTML, CSS and native JavaScript interaction implementation
Quickly generating post pages and filter page prototypes in a CMS-free environment

Suitable For

Developers who want to build a blog using a purely static technology stack
Sites that need to filter post lists by tag and category
Projects using HTML, CSS and JavaScript as learning or teaching material

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
The repository provides no dependency list or build script; pages can be opened directly as static files or deployed
2
Post data is located in data/posts.json; adding or modifying posts requires maintaining that file accordingly
3
The README suggests adjusting homepage display content and styles by modifying index.html and styles.css
4
Third-party assets such as demo images, fonts and icons must be verified separately under their respective licenses
5
The README lists legal pages and accessibility improvements as pending directions; confirm whether they meet your needs before use

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use and distribution of this version's code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/Eccedev/blog-website/blob/main/LICENSE https://github.com/Eccedev/blog-website/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 80 / 100
Technologies: HTML
Website type: Blog

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2026-02-19
Screenshot last checked: 2026-10-13

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 47f5adb3c32da04ba1359c383ba2806be297a9dd612da065d68b9600c2f6e980

2026-10-13T01:43:17.519Z

Source file / repository

<p align="center">
  <img src="https://github.com/user-attachments/assets/e918f3ba-54cb-4d4a-9975-d5b6939ea728" alt="ri1">
</p>
<p align="center">
  <img src="https://github.com/user-attachments/assets/31c74fbc-98cf-4abd-a956-476fee1824b8" alt="ri1">
</p>

# blog-website theme
Blog Website theme avoiding the use of CMS
#
by Eccedev visit in https://blog-website-theme.vercel.app/
#
new in this theme  
modify index.html to show what's needed  
modify styles.css to style properly that new changes   
Posts filtered by tag, categorie or all posts   
added css>style-posts.css for post pages  
Specific style for post pages and filter by tag, categorie or allposts pages  
modify and added images> new images for hero, posts, tags, categories  
added allpost button  
added new aside section for social buttons  
added new fotter botton section for social buttons  
added data>posts.json to be able to filter by tag, categorie or allpost  
added posts>allposts.html to show all post11  
added posts>filter-theme.html  
added posts>filterbycategorie.html to show filtered by categorie posts   
added posts>filterbytag.html to show filtered by tags posts   
added posts>post-theme.html to place post content  
added posts>post1.html to 11 to place different posts content  
added banner pop-up starter as modal to show a message  
modify js>script.js cancel slider and add code to filter by tag, categorie or allposts  
added dark/light mode  
  
following features:  
legal pages  
improve accessibility  

starter theme template  
Thanks to  
[codewithsadee](https://github.com/codewithsadee)  

  
and some ideas for new implementations  
ksound22  
AlexCGDesing  
AND OTHERS

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

Casper

Casper is Ghost's official classic blog theme, long used as the default and still maintained.

HTML · Magazine

startbootstrap-clean-blog

Clean Blog by Start Bootstrap is a responsive Bootstrap blog theme with a home page, about page, contact page, and sample post page, plus a working PHP contact form preconfigured for SB Forms.

HTML · Blog

halo-theme-sakura

A Sakura-style blog theme for Halo 2.x, rebuilt after 2.0.0 for improved performance with asynchronous and deferred resource loading.

HTML · Blog

bleak

Bleak is an AJAX-driven Ghost blog theme with a clean, reading-focused layout. It offers responsive design, built-in code syntax highlighting with line numbers, customizable primary color via Code injection, Disqus comments, and an optional fixed navigation bar.

HTML · Blog

serene

Serene is a minimal blog theme for Zola, focused on typography and reading experience. Built on Zola's template system with HTML and CSS, it has no front-end framework dependencies and loads lightly.

HTML · Blog

startbootstrap-blog-home

A Bootstrap blog homepage HTML starter template by Start Bootstrap, with post lists, sidebars, and pagination. Edit HTML/CSS in dist directly, or build from Pug, SCSS, and JS via npm scripts with local preview and live refresh.

HTML · Blog