跳到正文

文档

/

网站搭建

操作手册 · 网站搭建

从建一个网站,到用自己的域名 https 打开

六步做完。第一次大约一小时,其中大部分时间是在等 DNS 生效;真正动手的时间不到二十分钟。

6 个步骤

约 1 小时

需要「网站」权限

1

第 1 步

新建网站

左侧菜单进入网站搭建,点右上角新建网站。一共三屏,走完就建好了 —— 这时只有草稿,外面还看不到。

新建网站 · 选一个起点

新建网站 · 选一个起点

选一个起点

企业官网、产品目录、SPA / 养生、房产中介、外贸 B2B 询盘、活动落地页、软件产品官网(带滚动动效),或者从空白网站开始。模板只定版式,不绑任何模块。点整页预览可以先看整个模板。

填基本信息

  • 网站名称:只在后台显示。
  • 平台地址:小写字母、数字和横线,留空自动生成。网站的免费地址就是 https://sites.wotrace.com/<平台地址>/。
  • 语种:缺省语种在根地址,其它语种在 /zh/、/ar/ 这样的路径下;还没翻译的句子显示缺省语种。
新建网站 · 基本信息

新建网站 · 基本信息

接上你的数据

模板里的新闻列表、联系表单这类部分,各选一个你自己的模块。用不上的勾跳过,用到它的页面和区块会一起拿掉。最后点建网站,直接进入编辑器。

新建网站 · 接上你的数据

新建网站 · 接上你的数据

2

第 2 步

编辑页面

改动会自动保存,顶栏写着改动都已保存就不会丢。编辑器分成五块:

网站编辑器

网站编辑器

  1. 面板栏:添加、图层、页面、主题、数据、表单、素材、设置、域名、统计、版本。
  2. 面板:比如「添加」里是全部元素 —— 分区、网格、轮播、折叠面板、选项卡、滚动字幕、数字滚动、图片、视频、地图、表单……拖到页面上就行。
  3. 页面:和线上一模一样的效果。点一下选中元素,双击标题、文字或按钮直接改字。
  4. 属性:选中元素的内容、样式、动效。
  5. 顶栏:切换页面、屏幕尺寸(电脑 / 平板 / 手机)、正在编辑的语种,还有撤销、预览、发布。
属性 · 内容

内容

选中元素后,在右侧「内容」里改文字、级别、链接、图片。链接可以指向站内页面、网址、邮箱或电话。

属性 · 样式

样式

字体、字号、颜色、间距、对齐、背景、圆角、阴影、毛玻璃……「常态 / 悬停」分开设。顶栏切到手机再改,改动只作用在手机及更小的屏幕上。

属性 · 动效

动效

进场效果(淡入、上浮、放大……)、时长、缓动、逐个进场;还有鼠标移上去、一直在动、视差、页头滚动后变窄。点「播放」在编辑器里看效果。

主题面板

主题面板

一键换主题

「主题」里有 12 套配色,点一下整站跟着换;也可以单独改主色、字体、圆角、版心宽度、按钮样式。

  • 多语言:顶栏切到某个语种再改字,只改这一种。
  • 语言切换按钮:选中页头里的语言切换,可选下拉、平铺或选择框,显示语种名或代码,带不带地球图标。
  • 改错了:顶栏「撤销」。

3

第 3 步

预览

自己看用编辑器右上角的预览,选电脑或手机,在新标签页打开。

  • 看到的是草稿,和线上同一个渲染器:导航、轮播、动效、语言切换都会动。
  • 编辑器那边每改一下,预览跟着变,不用回来刷新。
  • 预览里的表单不会真的提交。
预览:电脑 / 手机

预览:电脑 / 手机

手机预览

手机预览

发给别人看

左侧版本 → 预览链接,选好预览哪一份、密码(可不填)和有效时长,点生成链接。链接冻结的是生成那一刻的内容,只显示一次,当场复制;搜索引擎不收录预览。

版本 · 预览链接

版本 · 预览链接

4

第 4 步

发布

点顶栏发布,检查通过就能上线;每发一次就是一个版本。

  1. 发布前检查:有问题会列出来,修好才能发;显示「都检查过了,可以发布」就行。
  2. 改了什么:写一句,比如「春季新价目」,以后在版本列表里好认。
  3. 立即发布,或打开定时发布选好日期和时间。

没有发布权限的人,这一步会变成提交审核,由有发布权的人在「版本」里批准或驳回。

发布

发布

网站列表:发布后显示「线上 · 第 1 版」

网站列表:发布后显示「线上 · 第 1 版」

发布后,免费地址 https://sites.wotrace.com/<平台地址>/ 就能打开,自带 https。之后再改的内容都在草稿里,要再发一次才会上线。

  • 回滚到这一版:让旧版本重新上线(作为新的一版发布)。
  • 恢复成草稿:用旧版本替换现在的草稿接着改,线上不动。

5

第 5 步

绑定域名

在编辑器的域名里绑上域名,再到你买域名的地方(DNS 服务商)加两条记录,系统查到就通过。下面以 www.example.com 为例。

  1. 左侧域名 → 自己的域名,输入 www.example.com,点绑定。第一个绑的自动是主域名。
  2. 面板上出现两条记录,照抄到 DNS 服务商。
  3. 回到「域名」点现在查一次。没查到也不要紧:系统每十分钟自动再查一次,连续三天。
域名面板

域名面板

类型主机记录 / 名称记录值作用
TXT_wotrace.wwwwotrace-verify=…(面板上那一串,每个域名不同)证明域名是你的
CNAMEwwwsites.wotrace.com把访问指到 Wotrace

各家 DNS 服务商怎么填

主机记录只填前半截,不要再带 .example.com。

服务商TXT 记录名称要注意
阿里云 / 腾讯云 DNSPod_wotrace.www记录值不加引号
AWS Route 53_wotrace.www值显示成带引号的 "wotrace-verify=…" 是正常的
Cloudflare_wotrace.wwwCNAME 的代理状态选「DNS only」(灰色云朵)
GoDaddy / Namecheap_wotrace.wwwTTL 选最短

两个常见坑

  • www 原来已经有 A 记录或 CNAME 记录时,要先删掉旧的,新的 CNAME 才加得上。
  • 不带 www 的根域名(example.com)不能加 CNAME。在 DNS 服务商那里把它 301 跳转到 https://www.example.com 即可。

一个网站可以绑多个域名,主域名以外的都会自动跳到主域名,可以在面板里「设为主域名」。

6

第 6 步

https 证书

域名显示已校验之后什么都不用做:平台自动向 Let's Encrypt 申请证书,通常 5 分钟内变成HTTPS 已开。证书有效期 90 天,到期前 30 天自动续期;只要 CNAME 一直指向 sites.wotrace.com,续期就不会断。

你看到的意思要做什么
等 DNS · 还没有证书TXT 还没查到检查第 5 步的两条记录
已校验 · 正在签证书域名确认是你的,正在申请证书等几分钟
在用 · HTTPS 已开完成:https 能打开,http 自动跳到 https不用
证书没签成申请失败,下面一行写着原因看下面的常见问题

常见问题

卡住了?先看这里

点「现在查一次」,还是说没查到 TXT 记录

多半是刚加的记录还没生效,或者主机记录多带了 .example.com。在浏览器打开 https://dns.google/resolve?name=_wotrace.www.example.com&type=TXT(把域名换成你的):结果里有 wotrace-verify=… 就说明填对了,等系统十分钟一次的自动复查即可。

浏览器地址栏显示「不安全」

证书还没签下来。看「域名」面板是不是已经显示「HTTPS 已开」。另外 Chrome 会把 www. 藏起来,地址栏显示 example.com 其实是 www.example.com。

提示「这个域名还没指到这台服务器」

CNAME 没加、还留着旧的 A 记录,或者 Cloudflare 开了代理(橙色云朵)。改好记录后,系统 10 分钟后自动重试。

「证书没签成」,后面是一串英文

申请证书时出了错,系统一小时后会自动重试。还是不行,把那串英文发到 help@wotrace.com。

不带 www 的根域名打不开

根域名不能加 CNAME。在 DNS 服务商那里把 example.com 301 跳转到 https://www.example.com。

改了网站,线上没变

改动还在草稿里,再点一次「发布」。

预览链接打不开

可能已经过期、被作废,或者需要密码。在「版本 → 预览链接」里重新生成一个。

提示「别人刚保存过」

两个人同时在改同一个网站。点「载入最新的」,再把你最后那一下改动重做一遍。

还没解决?

写信给我们,附上网站名称和截图,我们会尽快回复。