武汉子格教育科技有限公司

一、何免使用静态站点生成器（推荐）

静态站点生成器适合追求个性化且具备基础技术能力的费建开发者，主要优势包括高度可定制性和免费托管服务。网站网站

1. 选择静态站点生成器

VitePress：基于Vue 3和Vite，搭建集成Tailwind CSS，个自适合前端开发者。博客

Hugo：轻量级且支持多主题，何免适合快速生成静态站点。费建

Jekyll：与GitHub Pages深度集成，网站网站适合博客类项目。搭建

2. 部署到GitHub Pages

创建GitHub仓库：

命名格式为 `username.github.io`（如 `xiaoyi.github.io`）。个自

配置仓库：

在 `README.md` 中添加 `gh-pages` 分支，博客并将静态文件推送到该分支。何免

自定义站点：

通过 `config.yml` 修改站点标题、费建描述等元数据。网站网站

3. 技术栈补充

编程语言：Python（Flask）、JavaScript（Node.js）等。

设计工具：Tailwind CSS、Markdown（轻量级标记语言）。

二、使用低代码平台（适合非开发者）

若希望快速上线且无需编程，可选择低代码平台，如WordPress。

1. 选择WordPress

注册域名并选择主机（如Bluehost、SiteGround）。

安装WordPress后，通过主题和插件实现个性化定制。

2. 进阶功能

自定义域名：通过DNS设置绑定自定义域名。

插件扩展：安装SEO优化、安全防护等插件。

三、自建动态网站（适合技术型）

若需高度控制功能且具备后端开发能力，可选择自建动态网站。

1. 技术栈选择

后端：Java（Spring Boot）、Python（Flask）等。

数据库：MySQL、PostgreSQL等。

前端：HTML/CSS/JavaScript，框架可选Vue.js、React等。

2. 部署方案

服务器选择：阿里云、腾讯云等云服务。

容器化部署：使用Docker简化环境配置。

持续集成：通过GitHub Actions实现自动化部署。

四、其他选择

1Panel：支持一键部署Halo博客，无需编程基础。

Netlify/Vercel：免费托管静态站点，支持自定义域名（需国内网络配置）。

总结

非技术型：优先选择WordPress或1Panel。

技术型：推荐VitePress、Hugo或自建动态网站。

学习目标：通过自建过程提升技术能力。

根据需求选择方案后，可参考官方文档或教程快速启动。