一文搞懂宁夏免费建个人网站全流程：从域名服务器到上线部署

你是不是也经常听到“域名服务器搞不懂”这句话，但又不知道从哪开始？宁夏地区想建一个个人网站，又想控制成本，很多人第一反应就是“免费建站”，但免费不代表省事。今天我就用一个真实的项目案例，带你一文搞懂宁夏免费建个人网站的全流程，包括选域名、买服务器、部署代码、做SEO这些你可能没接触过的细节。

项目背景与需求

宁夏某高校的大学生小李，想做一个个人技术博客，记录自己的学习心得，同时尝试用代码实现一些小功能，但预算有限，对建站一无所知。他希望网站能支持响应式设计、免费部署，还希望后期能做SEO优化，让自己的内容被更多人看到。

我接手这个项目时，他的需求非常清晰：免费、快速、简单、可扩展。这就意味着我们要避开那些需要高额费用的建站平台，选择开源工具与免费资源，同时兼顾网站的性能与搜索引擎可见性。

免费建站的几个核心难点

域名和服务器：免费建站通常需要注册一个免费域名（如 .ml、.ga、.tk 等），但这些域名在搜索引擎中的权重低，不利于SEO。
服务器资源：免费服务器可能有访问限制、稳定性差、支持服务有限。
建站工具选择：是用开源系统（如 WordPress、Hexo、Jekyll），还是使用静态网页生成器？
部署流程复杂：很多新手对FTP、SSH、部署脚本、配置文件一窍不通。

不过，这些难点都可以通过合理的技术选型与部署流程解决。

技术选型：轻量、开源、可扩展

为了满足小李的需求，我选择了Hexo + GitHub Pages + Netlify的组合，这个方案有以下优点：

Hexo 是一个基于 Node.js 的静态博客框架，适合快速搭建个人网站。
GitHub Pages 提供免费的托管服务，且可以绑定自定义域名。
Netlify 提供免费的CDN加速、自定义域名、自动部署功能，还支持SEO优化。

这套组合既能实现免费部署，又能保证网站的稳定性与SEO基础优化。

技术栈说明

工具	用途
Hexo	博客内容生成与管理
GitHub Pages	免费托管静态网站
Netlify	自动部署与CDN加速
Markdown	内容编写格式
DNSPod	域名解析服务（可选）

核心实现：从本地开发到上线部署

1. 注册GitHub账号与创建仓库

如果你还没有GitHub账号，直接去 GitHub 注册一个。注册完成后，创建一个名为 username.github.io 的仓库（username是你的GitHub用户名），这个仓库将作为你个人网站的托管位置。

2. 安装Hexo与初始化项目

Hexo的安装非常简单，只需在终端运行以下命令：

npm install -g hexo-cli
hexo init my-blog
cd my-blog
npm install

这会生成一个基础的Hexo项目结构。你可以在 source/_posts 目录下新建 .md 文件，写你的博客内容。

3. 配置Hexo站点信息

打开 _config.yml 文件，配置你的网站信息，比如：

title: 小李的博客
subtitle: 记录技术与成长
author: 小李
language: zh-Hans
timezone: Asia/Shanghai

4. 部署到GitHub Pages

在 package.json 中添加部署脚本：

"scripts": {"deploy": "hexo generate && hexo deploy"
}

然后，你需要在GitHub仓库的 Settings 中启用GitHub Pages，选择 main 分支作为源，网址会自动是 https://username.github.io。

5. 用Netlify部署并绑定自定义域名（可选）

如果你想要一个更友好的域名（如 xiao-li.com），可以使用Netlify进行部署。步骤如下：

注册Netlify账号。
将你的Hexo项目部署到GitHub仓库。
在Netlify中设置部署源为GitHub仓库。
在域名设置中绑定你的自定义域名，并通过DNSPod或其他DNS服务商解析域名。

6. 自动部署与CI/CD配置（进阶）

你还可以配置GitHub Actions，实现每次提交代码后自动部署。一个基础的 .github/workflows/deploy.yml 文件如下：

name: Deploy Hexo blog to Netlifyon:push:branches:- mainjobs:build:runs-on: ubuntu-lateststeps:- name: Checkout codeuses: actions/checkout@v2- name: Install Hexorun: npm install -g hexo-cli- name: Generate siterun: hexo generate- name: Deploy to Netlifyuses: netlify/actions/deploy@v1with:auth_token: ${{ secrets.NETLIFY_AUTH_TOKEN }}site_id: ${{ secrets.NETLIFY_SITE_ID }}

上线与优化：让网站被更多人看到

基础SEO优化

Meta标签优化：在Hexo的 _config.yml 中配置 <meta name="description" content="...">。
URL结构优化：Hexo默认的URL结构已经比较友好，但仍可以自定义 permalink 为 :year/:month/:day/:title/。
图片优化：使用压缩后的图片，并加上 alt 描述，帮助搜索引擎理解图片内容。