制作网站
制作网页两种方式,一是完全自己来写,二是使用模板来修改。对于一般性的 App 或者前端不太熟的话,使用模板来修改已经足够了。
使用模板制作 Landing Page
直接 Google landing page template 就会出来很多,找一个喜欢的自己修改一下即可,但要注意某些模板的协议是需要在页脚保留其签名的。
我们在第一个结果(https://colorlib.com/wp/cat/landing-page/ “Landing Page”)里面找一个合适的模板,看下使用协议,免费使用的话允许商用但不能移除页脚的信息,想要移除的话需要购买一份授权:
下载下来,修改一下内容、配色、图片等,这样我们网站的静态文件就准备好了:
接下来我们来看服务器相关的配置。
服务器配置
配置 NginX
我们使用 scp -r
命令将文件夹传输到服务器上:
登入服务器,编辑配置文件,这里涉及 Vi (服务器自带的文本编辑器)的基本使用,不会的可以学习下,或者将文件 scp 下载下来编辑好再传输到服务器:
将默认的 NginX 的 root 目录改为我们的网站目录地址:
保存并重启 NginX:
浏览器里访问我们服务器的 IP,看到已经可以访问网页了:
域名解析及HTTPS配置
这里我们使用 CloudFlare 的免费服务进行域名解析、 CDN加速以及开启 HTTPS。
打开 https://www.cloudflare.com ,点击 Sign Up 进行注册:
输入自己的域名进行加速:
选择免费的服务即可:
配置两条 A 记录指向服务器的 IP:
提示我们要将 DNS 服务器指向 CloudFlare,复制这两个地址:
登入 NameCheap,进入域名管理:
修改 Nameservers:
回到 CloudFlare,验证修改:
如果没有生效,可等一小时后再验证:
当显示这个信息的时候则表示成功了:
上一步没完成没关系,先进行 HTTPS 的配置,切到 Crypto 面板:
首先把 SSL 改为 Full,表示自动使用 https 访问:
其中几种不同的加密模式区别如下:
打开 https 自动跳转:
稍等几分钟,等各种设置都生效以后直接用我们的域名访问:
至此,我们的网站就搭建完成了,其中还有很多网页优化以及服务器配置的技巧,留待大家自行学习。
额外建议
- 网站可用性监控
- 网站访问统计
- 网站备份
关注【代码内外】公众号,获取最新文章。