关于本站搭建过程分享
这个站点是如何一步一步搭建起来的，我在其中又扮演者什么角色，且听我慢慢诉说。
- PURPOSE
分享目的
- 记录本站点的一个发展历程，到此一游
- 尽可能把我学会的内容都记录下来，温故知新
- 为了得到你的一句 “算你腻害”
- 备注：左侧头像为AI生成，只比我帅那么一点，可以参考
先走在路上
基本设置
服务器与域名
服务器有很多选择，包括国内常见的 阿里云、 腾讯云、等，国外常见的 Hostinger、SiteGround、等。
我选择是用 Hostinger，主要还是考虑性价比、部署的站点数量、不需要备案等。4年850元左右，理论上能创建25个站点（因为要考虑你的文件大小，空间总容量有限制），如果你是初学者，基本够用了，可以慢慢去玩，有结果再考虑升级。
主题与插件
常见主题：Astra、Kendence、Hello Elementor。
我选择的主题是Hello Elementor，主要是考虑到使用页面构建器Elementor Pro是一套，有强迫症。
我选择的插件是：
- 页面构建器：Elementor + Elementor Pro + ElementsKit Lite + Skyboot Custom Icons for Elementor
- SEO：Rank Math SEO
- 加速优化：LiteSpeed Cache（Hostinger自带）
全局定义
关于整站的基础设置，如颜色、字体、还有文本编辑器的基本格式定义，我会在建站的时候先一并处理好，后续修改会比较方便。
包含以下部分：
- 全局字体；
- 全局颜色；
页面的设想
页面类别
我的想法是展示以下内容：
- 介绍类（简历）
- 我是谁
- 我会什么
- 我能给你带来什么
- 记录类（成长）——为什么有独立站这个想法
- 外贸概念
- 做独立站原因
- 怎么做
- 准备什么内容
- 建站过程
- 目的
- 内容
- 建站方面知识
- 类别文章
- WordPress技能
- 类别文章
- Elementor技能
- 类别文章
- SEO优化
- 类别文章
- 成果展示
- （后面说）
- 了解更多
- （待定）
- 资讯同步
- （待定）
为什么我要把这个记录下来？因为我也是想告诉你，不管你要做什么网站，官网也好、独立站也好、博客站也好，先大概整理下自己的思路，做个简单的规划，包括整站内容、风格，细致到每个页面的内容，结构清晰方便查看，也利于谷歌收录。
今天已经做了几个页面的结构。
继续走
开启备份功能
为什么要备份
- 服务器、数据库、黑客等崩溃，网站永久丢失。
- 误操作、修改网站内容后发生错误，无法快速恢复。
- 快速复制、备份到另外的服务器，不会影响特殊业务的进行。
你居然还看？先装插件跑起来。
使用插件 UpdraftPlus
插件全称：UpdraftPlus: WP Backup & Migration Plugin
安装后运行备份即可。
其他工作：完善了部分页面的内容。
2025.11.19，回来记录一下，感觉是不需要这个备份插件，直接先用Hostinger先做备份，除非有其他需求再说。
尝试一下不用Elementor编辑的样式
H2标题
H3标题
H4标题
这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段这个是一个文段文段文段
再来一个列表
- 1
- 2
- 3
- 4
- 5
- 6
使用HTML和CSS做网站
这个文章内容是通过HTML代码生成的
本页具体内容
| 姓名 | 年龄 |
|---|---|
| 张三 | 25 |
<!-- 这里可以写任何HTML -->
<div class="my-box">
<h2>这个文章内容是通过HTML代码生成的</h2>
<p>本页具体内容</p>
<button>点击我</button>
</div>
<!-- 表格示例 -->
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>