​本来之前说了尽量不要写纯技术的，但是今天赶稿时间紧张，也不想碎碎念水一次日更，所以就写个这个吧，其实是想写一期关于海外纯净环境指纹浏览器相关的教程（有读者朋友加我微信询问，算是给我提供每日文章素材灵感哈哈）。

 海外做了软件产品之类的如何做一个静态的官网展示呢​？我今天在赶稿期间重新看了一遍航海手册，里面刘小排老师亲身经验提到用TailWindUI模板搭建是比较简洁快速的方式，不把时间浪费在一个官网上了，恰巧搜了一下微信，发现之前有出海的朋友分享过TailWindUI的代码包（本身是要付费的，我们这里仅供学习使用），发现里面有刘小排老师做的一个网站（keywordsea.com，由于作者自己公开过，所以这里直接展示出来了）的模板。

我们就来亲身实践搭建这个TailWindUI网站模板，只要会操作宝塔面板的站长都能够实践成功，本身就是纯静态网站模板，只是涉及到一些Node.js的环境搭建等小问题，ok，直接开始。

由于这个分享是需要一丢丢技术的人查看的，所以一些细节可能只提示，不面面俱到截图，实在不明白留言或者加我微信：bilang626

1、我们看一下微信群友们在群内分享的TailWindUI的模板源码包，发现如下图所示有好几个模板，可以在官网https://tailwindui.com/templates找到模板名对应的网站预览图，经过对照发现，salient就是小排老师做的网站用的模板，我们就用这个来尝试，将这1个模板单独解压出来备用。

2、打开服务器的宝塔面板，我们先去上面安装Node.js版本管理器，应该安装哪个PM2管理器也可以，我们先以一个为例操作。

安装好以后，点击“设置”，安装一个最新的Node版本。

3、在宝塔面板的文件，新建一个文件夹，把TailWindUI模板代码压缩包上传上去，然后解压缩，

4、点击“网站”，选择Node项目，添加一个Node项目，项目目录就选择我们解压的模板文件的根目录，项目名称随便填，启动选项下拉选择“next dev”，那个项目端口填3000（如下图2所示当前只有这几个端口可以），运行用户下拉选择root，Node版本就选择我们之前安装的最新的那个，备注不用写，绑定域名可以绑定一个自己的二级域名用来看看搭建好的演示效果，点击提交。

然后点击图3的“设置”，如图所示一键安装项目模块。

对了，记得一定要看下网站代码文件里面的readme.md文件，这里面也有写大概的安装方法，每个代码安装的方法可能稍有不同，需要看一下参考下（如下图4所示，也可以知道开发模式是要3000端口）。因为出现了非我们常用的80和443端口，所以，我们要去服务器安全组去开一下3000端口，再到宝塔的“安全”里面放行3000端口，这样才能保证3000端口能够正常访问。

将这个Node项目的服务状态保持为“运行中”的开启状态。

5、将我们测试的域名A记录解析到刚刚的服务器IP（比较简单，一笔带过了），然后我们访问我们的测试域名加3000端口，就可以正常访问我们搭建好的TailWindUI模板网站了。

大家也可以自己访问一下我刚搭建的：http://test.zhmj.com:3000/

只保留大概最多1星期可以访问，反正截图了，也没啥意义哈哈。

说句题外话，现在真的不敢把自己网站随便暴露，尤其是萌芽状态或者蓝海状态的，前几次教程，不小心漏了网址或者关键字啥的，导致我这几天有几个新网站一直被攻击。。。

一天4万多IP不断请求，这么多IP不花钱的吗大哥。。。ε=(´ο｀*)))唉，损人不利己的事别干，人在做，天在看。洗澡洗澡。