不懂代码怎么做网站制作？这个方法很简单！

发布日期： 2025-07-13 阅读量： 作者： admin

今天跟大家唠唠我这几天捣鼓的网站制作，纯纯的个人经验分享，大神绕道哈！

事情是这样的，最近有个想法，想做一个自己的小网站，记录一些生活琐事，顺便练练手。之前也没系统学过，就想着边做边学呗。

第一步：域名和服务器

这玩意儿就像房子的门牌号和地基，得先搞定。域名我是在阿里云上买的，图个方便，直接搜你想的名字，看看有没有被注册，我选个比较冷门的，一年几十块钱。服务器也一起买，选个最便宜的，先用着再说，一年几百块。

第二步：选择建站方式

这块儿选择就多，像我这种小白，肯定不能直接撸代码。

第一种：用WordPress

这个是最流行的，网上教程一大堆，主题也多，随便找个看着顺眼的，装上就能用。但我总觉得有点笨重，而且得自己维护，更新啥的，嫌麻烦。

第二种：用静态网站生成器

像什么Gridea、Docsify之类的，挺轻量级的，主要就是写 Markdown，然后自动生成网页，适合我这种懒人。

我选Docsify，主要是看中它的简洁，不用安装直接就能用。

第三步：开始搭建

1. 创建 Github 仓库：Docsify 需要一个地方来存放你的网站文件，Github 仓库是个不错的选择，免费又方便。

2. 初始化 Docsify：在你本地的文件夹里，创建一个 `*` 文件，然后复制 Docsify 官方的快速上手代码进去，改改标题啥的。

3. 编写 Markdown 文件：这就是网站的内容，用 Markdown 语法写文章，然后放到同一个文件夹里。

4. 部署到 Github Pages：Github 仓库里有个 Pages 功能，可以把你的网站直接发布出去。

第四步：美化和优化

网站搭起来，但是光秃秃的肯定不好看，得稍微美化一下。

主题：Docsify 有一些主题可以选择，也可以自己写 CSS 来定制。

插件：有一些插件可以增强 Docsify 的功能，比如代码高亮、搜索等等。

我主要就是改改颜色，加个背景图，简单搞一下。

遇到的坑

Github Pages 访问慢：Github Pages 在国内访问速度有点慢，可以考虑用 CDN 加速一下。

Markdown 语法不熟：Markdown 语法虽然简单，但是有些细节还是要注意的，比如图片路径、链接等等。

主题定制困难：CSS 这玩意儿，我还是个菜鸟，改起来有点吃力。

总结

整个过程下来，感觉还挺有意思的，虽然网站还很简陋，但是总算迈出第一步。以后慢慢完善，也欢迎大家一起交流学习！

希望我的分享能帮到想做个人网站的小伙伴，记住，动手才是王道！

随便看看