一、前期物料准备（10分钟完成）

1.1 必备物料清单

提前准备好以下物料，避免中途操作卡壳：

• 企业/个人营业执照（国内备案用，个人站点可选境外服务器免备案）
• 品牌logo（尺寸12040px，png透明底，文件大小不超过200KB）
• 核心内容文案：按首屏价值主张、产品优势、客户案例、联系方式4模块整理，单模块文案不超过300字
• 配图素材：产品实拍图/服务场景图，单张大小不超过2M，尺寸统一19201080px

二、域名与服务器配置（20分钟完成）

2.1 域名购买与解析

1. 域名购买地址：https://wanwang.aliyun.com/，优先选.com/.cn后缀，命名尽量和品牌名一致，年成本30-100元。

2. 解析配置步骤：登录阿里云控制台-域名管理-对应域名操作栏点「解析」，添加2条记录：

``` 记录类型：A 主机记录：@ 记录值：你的服务器公网IP TTL：10分钟 记录类型：A 主机记录：www 记录值：你的服务器公网IP TTL：10分钟 ```

2.2 服务器采购与环境配置

国内需备案站点选阿里云轻量应用服务器，采购地址：https://www.aliyun.com/product/swas，选2核2G配置，操作系统选「CentOS 7.9 64位」，年成本100-200元。无需备案的个人/测试站点选Cloudflare Pages，完全免费，无需手动配置环境。

国内服务器备案流程：登录阿里云控制台-备案专区-按提示提交营业执照、法人身份证、备案承诺书，审核周期3-7个工作日，备案通过后再进行后续部署操作。

三、站点页面搭建（30分钟完成）

3.1 模板选择

直接使用开源免费的响应式营销网站模板，无需编写代码，下载地址：https://github.com/evanca/quick-portfolio/archive/refs/heads/main.zip，模板适配PC、移动端，自带转化模块、成功提交页，无需额外开发。

3.2 内容替换

下载模板压缩包解压后，所有修改可直接用系统自带记事本打开对应文件操作，无需安装专业代码编辑器：

• 修改站点打开index.html，找到``标签，替换为「品牌名+核心服务」，例：「XX科技-中小企业SaaS系统服务商」
• 替换logo：把你的logo文件命名为logo.png，替换img文件夹下的同名文件即可
• 替换首屏文案：找到index.html里`

  XXX`，替换为你的核心价值主张，例：「为线下门店提供0成本私域获客解决方案」

• 替换产品/案例内容：找到`
  `模块，把预设的产品标题、文案、图片地址替换为你的物料即可
• 修改联系方式：找到页脚`

所有修改完成后，双击打开index.html本地预览，确认所有内容、图片显示正常，无乱码、错位问题。

四、转化功能配置（15分钟完成）

4.1 表单提交功能配置

用免费第三方表单工具接收用户咨询，无需自己开发后端接口，注册地址：https://formcrafts.com/，免费版支持每月1000次提交，足够中小站点使用。

配置步骤：注册后新建表单-添加「姓名、电话、咨询内容」3个字段-设置提交后跳转链接为站点success.html的完整域名地址-获取表单嵌入代码，把代码粘贴到index.html里的`

`标签中间即可。

4.2 数据统计配置

配置百度统计免费监测站点流量、用户行为，注册地址：https://tongji.baidu.com/

配置步骤：注册后新增站点，填写你的域名，获取统计代码，把代码粘贴到index.html的``标签之前即可，后续可直接在百度统计后台查看访客来源、页面停留时长、表单提交转化率等数据。

五、上线部署（10分钟完成）

5.1 Cloudflare Pages部署（免备案）

1. 把修改好的所有模板文件打包成zip压缩包，注意不要套外层文件夹，打开压缩包直接能看到index.html文件。

2. 注册Cloudflare账号：https://dash.cloudflare.com/sign-up，登录后进入「Pages」-「创建项目」-「直接上传」-上传刚才的zip包，等待1分钟部署完成。

3. 自定义域名绑定：进入部署好的项目-「自定义域」-「设置自定义域」，输入你购买的域名，按提示去域名控制台把DNS解析修改为Cloudflare给出的地址即可，完成后即可通过域名正常访问站点。

5.2 阿里云服务器部署（已备案）

1. 下载Xftp免费版：https://www.xshell.com/zh/xftp-download/，无需付费即可满足上传需求。

2. 打开Xftp，连接你的服务器，主机填服务器公网IP，用户名root，密码是你购买服务器时设置的密码，连接成功后进入/usr/share/nginx/html目录，删除目录下所有预设文件，把你修改好的模板文件全部上传到该目录。

3. 登录服务器终端执行配置检查命令：nginx -t，返回success后输入重启命令：systemctl restart nginx，完成后即可通过域名访问站点。

六、上线后必做检查（5分钟完成）

• 分别用PC、移动端访问域名，确认所有页面加载正常，图片无断裂、文字无错位
• 提交1次测试表单，确认你预留的接收邮箱能正常收到用户提交的信息
• 登录百度统计后台，进入「实时访客」模块，确认数据统计代码正常生效
• 点击站点所有跳转链接，确保没有死链、跳转错误的问题

七、日常优化规则

每周登录百度统计后台查看数据，重点优化跳出率高于70%的页面，每两周更新1次客户案例、活动内容，每月测试1次表单提交功能是否正常，每季度根据用户咨询的高频问题调整首屏价值主张。