很多新手想做个博客,却被各种复杂的后台系统劝退。这篇教程不整虚的,直接给你一套能跑的HTML+CSS代码。照着改几个字,你就能拥有一个完全属于自己的极简博客。
先说为啥推荐用静态代码。
不用买服务器,不用搞数据库。
把文件传到GitHub Pages或者Vercel,免费又稳定。
对于个人记录生活、写写技术文章来说,足够了。
我做了15年建站,见过太多人花冤枉钱买主题。
其实最核心的逻辑就三件事:头部导航、中间内容、底部版权。
只要这三块搭好了,剩下的就是填充内容。
下面直接上干货,第一步,新建一个文件夹。
名字随便起,比如叫my-blog。
在里面新建一个index.html文件。
这就是你博客的入口。
打开这个文件,先写最基础的骨架。
记得加上,告诉浏览器这是标准网页。
然后
里加上,不然中文会乱码。这点特别重要,很多人栽在这步。
接下来是
部分,这是你看到的东西。先写一个写你的名字。
再写个
不用太复杂,简洁最耐看。
中间主体部分,用
这里放你的文章列表。
每篇文章用一个
里面包含标题
和摘要
。
记得给每篇文章加个标签,指向具体的文章页面。
样式方面,我直接写在