← Kuqi's Web 完整版(含评论)→

用纯 HTML/CSS/JS 搭建零依赖博客

2026-08-12 · 教程 · Kuqi · 约 1 分钟

很多人以为写博客系统一定要框架,其实一个文件就够了。

Hash 路由

监听 hashchange 事件,解析 #/articles、#/works 这样的地址并渲染对应分区,浏览器的前进后退也能正常工作。

数据驱动渲染

文章一篇一个文件放在 content/posts/ 目录,作品一个一个文件放在 content/works/ 目录,页面加载时自动汇总并由渲染函数转成 HTML 填入中栏。要发新内容,复制模板填好再加一行引入即可。

localStorage 做轻量持久化

点赞数、留言、访问量都存在浏览器本地,无需后端。将来接上后端接口时,只需替换读写函数。

JavaScript静态博客

本页是供搜索引擎与订阅器抓取的静态版全文 · 打开完整版(评论区 / 点赞 / 字号调节)→