用纯 HTML/CSS/JS 搭建零依赖博客
很多人以为写博客系统一定要框架,其实一个文件就够了。
Hash 路由
监听 hashchange 事件,解析 #/articles、#/works 这样的地址并渲染对应分区,浏览器的前进后退也能正常工作。
数据驱动渲染
文章一篇一个文件放在 content/posts/ 目录,作品一个一个文件放在 content/works/ 目录,页面加载时自动汇总并由渲染函数转成 HTML 填入中栏。要发新内容,复制模板填好再加一行引入即可。
localStorage 做轻量持久化
点赞数、留言、访问量都存在浏览器本地,无需后端。将来接上后端接口时,只需替换读写函数。
本页是供搜索引擎与订阅器抓取的静态版全文 · 打开完整版(评论区 / 点赞 / 字号调节)→