如何在Linux系统使用宝塔面板搭建Inis博客并发布至公网【内网穿透】_linux服务使用宝塔面板搭建网站,并发布公网访问(2)

2401_83946826

791人浏览 · 2024-05-07 10:57:26

2401_83946826 · 2024-05-07 10:57:26 发布

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前在阿里

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Linux运维全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上运维知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以点击这里获取！

完成inis博客网站前端网站的建立后，我们再到inis博客网站的主页下载一个外观主题（inis.cc/index/themes/page/2）。

将这个主题文件解压后的所有文件，粘贴到inis的前端站点根目录里。这个例子中，笔者将inis博客的前端文件粘贴到“www”文件夹下“wwwroot”文件夹的“www.inisweb.com”文件夹中。

需要注意的是，由于Ubuntu系统的权限限制，我们无法直接复制（或剪切）这些文件到wwwroot文件夹，因此可以在ubuntu终端中输入命令“sudo nautilus”，打开一个拥有权限的文件管理器，在这里我们就可以将inis前端的文件移动到wwwroot文件夹下的inis前端站点根目录里（这个例子中inis前端站点根目录为www.inisweb.com文件夹，并且在文件移动完成前，不要关闭ubuntu终端窗口）。

最后，我们在inis博客网站前端根目录找到“static”文件夹，在这个文件夹里找到名为config.js的文件

双击打开这个文件进行编辑，主要修改的内容，就是“API地址”列，将原有的api值改为正在修改的config.js文件路径。在这个例子中，config.js文件的路径为www/wwwroot/inisweb/static，因此就要填入“https://www/wwwroot/inisweb/static/config.js”。

再将“route_hash”行的值，改为“fales”。

修改完成后，保存并退出。

1.2 Inis博客网站测试

最后，我们在浏览器地址栏中输入inis博客网站的前端地址（在这个例子中是192.168.157.131:87），就能看到inis博客展示给访客的主页面啦（注：对于Inis博客的前后端网站设置不清晰的，可以访问inis官网的安装教程docs.inis.cc/#/start/install-inis-theme）。

火狐浏览器问题解决

在修改static文件夹下的config.js文件内容时，很可能会碰到权限不足而导致无法修改的问题，这时我们可以打开ubuntu的终端界面，输入命令“su root”，在输入正确密码后，进入root权限进行config.js文件内容的修改；

如果没有进行过root权限设置的，则可以输入命令“sudo passwd root”设置修改root用户密码。

完成后暂时不要关闭终端窗口，而是关闭文件管理窗口，再重新打开和编辑config.js文件，就会发现已经可以对其进行编辑。

ubuntu修改文件权限问题解决

当笔者使用ubuntu系统自带的火狐浏览器，尝试访问本地inis博客前端网站时，浏览器页面却显示“此网址使用了一个通常用于网络浏览以外目的的端口。出于安全原因，Firefox 取消了该请求”，导致无法访问inis博客网站前端。对于这个问题的解决，可以在浏览器地址栏输入“about:config”，打开浏览器底层设置页面。

再在首选项栏位中（长得像搜索框那里），输入“network.security.ports.banned.override”，在出现的搜索结果后半部分，点选“字符串”，再点击该列右侧的“+”，将inis前端的输出端口填入，关闭火狐浏览器。

最后重新打开火狐浏览器，输入inis前端网站的地址，就能正常访问。

1.3 cpolar的安装和注册

完成inis博客网站的部署后，接下来就可以转入cpolar的安装。要在ubuntu系统上安装cpolar，可以使用简便的一键安装脚本进行安装。只要在ubuntu的命令行界面输入以下命令，就可以自动执行安装程序（需要注意的是，可能有的ubuntu版本没有安装curl工具，因此最好先执行命令“sudo aptinstall curl”安装curl工具）。

Cpolar一键安装脚本：

“curl -L

https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash”

Cpolar安装完成后，就可以再输入命令“systemctl start cpolar”，启动cpolar。

这时ubuntu系统会跳出启动服务的认证框，我们输入ubuntu系统的密码即可。

当然，我们也可以不使用systemctl级别命令，而是输入“cpolar version”查询本地cpolar的版本号，只要能显示出版本信息，就说明cpolar安装完成。

为保证cpolar能在ubuntu系统上长期运行，以此保证数据隧道的稳定存续，最好将cpolar添加进ubuntu开机自启列表。只要在ubuntu的命令行界面，输入命令“sudo systemctl status cpolar”，就能将cpolar添加进自启列表中。

为保证每位用户的数据安全，并为每位客户创建单独的数据隧道，cpolar以用户密码和token码进行用户验证，因此我们在使用cpolar之前，需要进行用户注册。注册过程非常简单，只要在cpolar主页右上角点击“用户注册”，在注册页面填入必要信息，就能完成注册。

完成cpolar用户注册后，我们就可以使用每位用户唯一的token码，激活cpolar的客户端。只要在cpolar官网登录后，就可以在“验证”页面（或是“连接您的账户”窗口），找到用户唯一的token码。

将这个token码复制粘贴到ubuntu的命令行界面，cpolar客户端就会将这个token码写入本地cpolar.yml文件中（token码激活只需要进行一次即可），以此作为用户数据隧道的识别信息。具体命令格式为“cpolar authtoken 用户唯一的token码”。

2. 本地网页发布

到这里，我们在本地设备上安装了网页，也安装了cpolar内网穿透程序，接下来我们就可以使用cpolar，为本地网页创建一个安全高效的数据隧道，让我们本地的网页能够在公共互联网上访问到。

2.1 Cpolar临时数据隧道

为满足部分客户需要的网页临时测试功能，cpolar可以直接在cpolar户端创建临时数据隧道（每隔24小时重置一次公共互联网地址，）。要创建临时数据隧道，我们直接在本地设备上登录cpolar客户端（在浏览器地址栏输入localhost:9200），并在cpolar客户端主界面点击“隧道管理”项下的“创建隧道”按钮，进入创建隧道设置页面。

在“创建隧道”页面，我们需要对几项信息设置，这些信息设置包括：

隧道名称 – 可以看做cpolar客户端的隧道信息注释，只要方便我们分辨即可；

协议 –无论inis前端还是后端，都是是网页程序，因此选择http协议；

本地地址 – 本地地址即为本地网站的输出端口号，inis博客网站的前端输出端口为87，因此这里也填入87。

域名类型 –这里我们可以区分数据隧道是临时使用，或是长期存续。由于我们只是先进行临时测试，因此选择“随机域名”（二级子域名和自定义域名都是长期稳定隧道，需要在cpolar云端预留公共互联网地址）。

地区 – 即服务器所在位置，我们依照实际使用地就近填写即可；

完成这些设置后，就可以点击页面下方的“创建”按钮，创建一条临时数据隧道。临时数据隧道创建完成后，cpolar客户端会自动跳转至“隧道管理”项下的“隧道列表”页面，在这里我们可以看到cpolar本地的所有数据隧道（无论临时还是长期）。我们也可以在这里，对数据隧道进行管理，包括开启、关闭或删除这条隧道，也可以点击“编辑”按钮，最这条数据隧道的信息进行修改。

而我们创建的能够连接本地网站的临时公共互联网网址，则可以在“状态”项下的“在线隧道列表”中找到。

将这里显示的公共互联网地址粘贴到浏览器地址栏，就能访问到本地的inis博客网站页面。

此时的数据隧道是临时数据隧道，每24小时就会重置一次。数据隧道重置后，cpolar生成的公共互联网地址就会变化，如果打算再次访问这个网页，就需要使用新生成的地址。

2.2 Cpolar稳定隧道（云端设置）

如果想要为本地网站设置能长期稳定存在的数据隧道，我们需要先将cpolar升级至VIP版。

Cpolar升级至付费版后，就可以登录cpolar的官网（只要注册了cpolar用户，无论是否是付费用户，都可以登录cpolar官网，只是在里我们需要以付费用户身份登录cpolar官网，进行预留数据隧道操作）。

在用户主页面左侧找到“预留”按钮，点击进入cpolar的数据隧道预留页面，在这里生成一个公共互联网地址（或称为数据隧道的入口）。此时这个地址没有连接本地的软件输出端口，因此可以看做是一条空白的数据隧道。

在预留页面，我们可以保留使用多种协议的数据隧道，这里我们选择“保留二级子域名”栏位。

在“保留二级子域名”栏位，需要进行几项信息的简单设置，即“地区”（服务器所在区域，就近选择即可）、“二级域名”（会最终出现在生成的公共互联网地址中，作为网络地址的标识之一）和“描述”（可以看做这条数据隧道的描述，能够与其他隧道区分开即可）。完成这几项设置后，就可以点击右侧的“保留”按钮，将这条数据隧道保留下来。