3个备案流程卡壳点+对比评测：怎么在记事本上做网站

备案流程一头雾水？很多人以为在记事本上写点代码就能建网站，结果一上线就卡在备案这道坎上。其实备案只是冰山一角，从技术选型到上线部署，每一步都藏着门道。今天我们就拿一个真实的项目案例来对比评测，讲清楚【怎么在记事本上做网站】的全过程，包括备案、技术选型、代码实现、上线优化这些关键点。

项目背景与需求

这是一个典型的个人博客项目，用户希望用最基础的工具完成建站，成本控制在最低，而且不需要复杂的后台管理系统。项目目标是搭建一个响应式、支持 HTTPS 的静态网站，内容以图文为主，未来可能扩展为支持评论功能。

需求总结如下：

静态网站：无需数据库，降低服务器成本；
响应式设计：适配手机、平板、PC；
支持 HTTPS：需要申请 SSL 证书；
备案流程：需符合国内政策，准备域名、服务器、主体信息等；
开源技术：希望使用 GitHub 上的开源项目，方便维护和扩展。

技术选型

在建站之前，技术选型是最关键的一环。选错了技术，后期维护和扩展都将成为噩梦。这里我们选择了静态网站生成器 + GitHub Pages + 自托管 SSL的方案，兼顾成本、性能和灵活性。

静态网站生成器对比评测

工具名称	特点	适合场景	学习成本
Jekyll	轻量级，适合博客类项目，GitHub Pages 原生支持	个人博客、技术文档	中等
Hugo	速度快，插件生态丰富，支持多语言	企业官网、多语言网站	中等
Gatsby	基于 React，支持复杂交互，SEO 优化好	电商、数据可视化	高
Hexo	简单易用，插件丰富	博客、小站点	低

在这个项目中，我们选择了 Jekyll，理由是它与 GitHub Pages 完美集成，无需额外服务器配置，适合对技术要求不高的个人网站。

服务器与域名选型

由于使用的是 GitHub Pages，域名备案需提前完成，备案主体需是个人或公司。建议使用阿里云或腾讯云的域名服务，流程清晰，备案资料齐全。

SSL 证书

GitHub Pages 原生支持 HTTPS，但默认证书是 GitHub 提供的，无法自定义。若需自定义域名，需申请 SSL 证书并配置 CNAME。推荐使用 Let's Encrypt 的免费 SSL 证书，支持自动续期，适合个人项目。

核心实现：代码与配置示例

在确认技术选型后，开始构建网站。以下是使用 Jekyll 的简单实现过程。

1. 初始化 Jekyll 项目

在本地记事本（或任意文本编辑器）中，输入以下命令初始化 Jekyll：

jekyll new myblog
cd myblog

这会生成一个基础的 Jekyll 项目结构，包括 _config.yml、_posts/、_layouts/ 等目录。

2. 配置 `_config.yml`

修改 _config.yml 文件，设置基础信息和部署配置：

title: 我的博客
email: your@email.com
description: 一个用 Jekyll 搭建的静态博客
baseurl: "/myblog"
url: "https://yourdomain.com"
github_username: yourgithubusername
paginate: 5

3. 添加文章

在 _posts/ 目录下新建文章，格式为 YYYY-MM-DD-标题.md，内容如下：

---
layout: post
title: "我的第一篇博客"
date: 2024-04-05
---这是我的第一篇博客，用 Jekyll 搭建的。

4. 部署到 GitHub Pages

将项目推送到 GitHub，然后在 GitHub 仓库设置中启用 GitHub Pages。选择主分支（通常是 main）并设置为发布源。

5. 配置自定义域名与 SSL

在 GitHub Pages 设置中，填写自定义域名（如 www.yourdomain.com），并配置 CNAME 文件：

www.yourdomain.com

同时在域名解析服务商（如阿里云）中，添加 CNAME 记录，指向 GitHub Pages 提供的地址（如 yourusername.github.io）。

最后，使用 Let's Encrypt 申请 SSL 证书，并通过 DNS 验证，将证书部署到 GitHub Pages。这一过程可以在 GitHub 的开源项目中找到详细步骤，例如 GitHub Pages SSL 配置指南。

上线与优化

上线是建站过程中最激动人心的一环，但也是最容易被忽视的优化阶段。以下是几个关键点：

1. 性能优化

启用 CDN：使用 Cloudflare 免费 CDN 提升访问速度；
压缩资源：使用 jekyll-minifier 插件压缩 CSS、JS；
图片优化：使用 jekyll-picture-tag 或 jekyll-compressor 压缩图片。

2. SEO 优化

合理使用标题标签：每个页面都有唯一、清晰的 <title>；
添加 Meta 描述：每个页面配置 <meta name="description" content="...">；
优化图片 alt 属性：添加 alt 描述，提升图片搜索排名；
使用结构化数据：通过 JSON-LD 标注文章信息，提高搜索引擎理解度。

3. 备案流程与政策更新

备案流程虽繁琐，但必须完成。最新政策要求备案主体必须与域名注册主体一致，且资料需完整。根据工业和信息化部最新备案指南，备案流程如下：

注册域名（如阿里云、腾讯云）；
备案主体信息（个人需提供身份证，企业需提供营业执照）；
备案系统提交申请；
等待审核，通常 1-3 个工作日；
审核通过后，备案号将绑定到域名解析。

经验总结与对比评测

通过这个项目，我们验证了使用 Jekyll + GitHub Pages + 自托管 SSL 的方案在成本、性能和灵活性上的优势。但不同技术栈也各有优劣，以下是我们对比评测的总结：

技术栈	成本	性能	学习曲线	适用场景
Jekyll + GitHub Pages	极低	高	低	个人博客、技术文档
Hugo + 自托管服务器	低	高	中	企业官网、多语言站点
Gatsby + Netlify	中	高	高	电商、数据可视化网站
WordPress + 云主机	高	中	低	内容管理、社交类网站