前言

互聯(lián)網(wǎng)技術(shù)總在不斷進(jìn)步，新技術(shù)和新軟件也會來帶更多功能，就以最常見的個人博客系統(tǒng)，也在不斷推陳出新，發(fā)掘出更多功能和特色。從早期少量自定義和編輯功能，發(fā)展到現(xiàn)在的支持各種自定義模塊和外觀，以及更多更全的支持軟件適配（包括php程序、數(shù)據(jù)庫程序等）。今天，筆者就為大家介紹，如何在Ubuntu系統(tǒng)上部署新版Inis博客系統(tǒng)，并使用cpolar創(chuàng)建的內(nèi)網(wǎng)穿透數(shù)據(jù)隧道，將Inis博客網(wǎng)站發(fā)布到公共互聯(lián)網(wǎng)上。

1. Inis博客網(wǎng)站搭建

Inis博客系統(tǒng)作為較新的個人博客網(wǎng)站程序，自然使用了較新的php程序，同時也能支持Web端、APP和小程序端，并且內(nèi)置了豐富的API（可以理解為軟件的數(shù)據(jù)接口，讓開發(fā)者能更方便的開發(fā)擴(kuò)展功能），對于使用者來說，就是更多樣化的外觀選擇和功能擴(kuò)展。

1.1. Inis博客網(wǎng)站下載和安裝

與常見的軟件一樣，Inis也設(shè)有自己的官網(wǎng)（inis.cc），我們可以在Inis的官網(wǎng)上找到安裝指南、問題解決、新外觀預(yù)覽等多種內(nèi)容。

在Inis官網(wǎng)的安裝說明中，我們可以找到Inis支持8.0版本的php，數(shù)據(jù)庫則是MySQL5.5版本。因此我們需要在寶塔面板上安裝對應(yīng)版本的Apache、MySQL、PHP（即所謂的LAMP，如果是在Linux下安裝Nginx、MySQL、PHP，則稱為LNMP）。通常第一次登錄寶塔面板，只要本地硬件設(shè)備上沒有安裝過Apache、MySQL、PHP這些軟件，寶塔面板就會自動彈出詢問，選擇安裝哪些網(wǎng)頁運(yùn)行程序。

當(dāng)然，也可以在寶塔面板的主頁（可以在瀏覽器中輸入本地地址:寶塔面板輸出端口號）左側(cè)，找到“軟件商店”按鈕，點擊進(jìn)入軟件商店頁面。在這個頁面，我們可以找到常用的網(wǎng)站運(yùn)行支持程序，包括Nginx、Apache、MySQL、PHP、phpMyadmin、Tomcat、Docker管理器、Redis等等。我們找到所需的軟件，點擊該軟件條目右側(cè)的“安裝”，即可將其安裝至ubuntu系統(tǒng)上。

完成Apache、MySQL、PHP幾項軟件的安裝后，我們可以點擊軟件商店頁面上方的“已安裝”按鈕，查看已經(jīng)安裝的軟件。同時，也可以在這里切換每個軟件的版本。

下一步，就可以進(jìn)行Inis博客網(wǎng)站的部署。通常網(wǎng)站部署的步驟是將下載的網(wǎng)站源代碼，放置到寶塔面板的wwwroot文件夾下，不過好在寶塔面板中提供了Inis博客網(wǎng)站的“一鍵部署”模式，大大減輕了新手用戶的網(wǎng)站部署難度。

點擊寶塔面板主界面左側(cè)的“軟件商店”。進(jìn)入軟件商店后，在頁面上方找到“一鍵部署”按鈕，進(jìn)入可以一鍵部署的網(wǎng)站分頁，從中選取“hadsky”條目，點擊該條目右側(cè)的“一鍵部署”按鈕。

接下來寶塔面板會彈出網(wǎng)站基本設(shè)置窗口，在這里我們可以指定網(wǎng)站的基本信息，這些信息包括：

域名（以及輸出端口號） - 在“域名”欄位，通過“打算使用的域名：打算使用的端口”形式設(shè)置；

根目錄 – 這個欄位可改可不改，但這個根目錄內(nèi)容會與“域名”欄位聯(lián)動，為防止混淆，筆者還是將其更改為inis；

數(shù)據(jù)庫 – 這里填入打算設(shè)置的數(shù)據(jù)庫信息即可；為方便分辨，筆者將其設(shè)置為inis；

PHP版本 – 對于某些網(wǎng)站可能會要求使用特定版本的PHP，我們就可以在PHP版本欄位修改（前提是已經(jīng)安裝了對應(yīng)版本的PHP軟件），比如inis要求使用php8.0及以上，因此這里選擇php8.0版本；

完成這些設(shè)置后，就可以點擊窗口下方的“提交”按鈕，創(chuàng)建本地的inis博客網(wǎng)站。

Inis網(wǎng)站創(chuàng)建完成后（也就是inis源碼下載及數(shù)據(jù)庫建立），寶塔面板會彈出已創(chuàng)建網(wǎng)站的地址，重要的網(wǎng)站信息（可能是數(shù)據(jù)庫信息，或是網(wǎng)站后臺登錄信息）。

接著打開ubuntu系統(tǒng)上的寶塔面板，在軟件主界面左側(cè)點擊“網(wǎng)站”按鈕，進(jìn)入網(wǎng)站列表頁面，就能看到剛剛安裝上線的inis博客網(wǎng)站。

此時在ubuntu的瀏覽器地址欄輸入設(shè)置好的inis博客網(wǎng)站地址，就能看到haddsky的設(shè)置頁面。我們繼續(xù)根據(jù)網(wǎng)站顯示頁面的提示，進(jìn)行具體的網(wǎng)站設(shè)置工作。

首先是對inis博客網(wǎng)站的數(shù)據(jù)庫設(shè)置，我們需要在這步填入創(chuàng)建網(wǎng)站時設(shè)置的數(shù)據(jù)庫名稱和密碼。如果忘記所設(shè)置的數(shù)據(jù)庫信息，則可以在寶塔面板左側(cè)的“數(shù)據(jù)庫”頁面找到所設(shè)置的相關(guān)信息。

填入數(shù)據(jù)庫信息后，就可以點擊“下一步”，inis會對網(wǎng)站的安裝環(huán)境進(jìn)行自檢（主要是php的各項擴(kuò)展），只有各項插件都自檢通過后，才能繼續(xù)下一步安裝。

第三步，就是設(shè)置inis博客網(wǎng)站本身的信息，包括博主名稱、賬號、密碼及郵箱信息。

完成這最后一步設(shè)置，就可以點擊頁面下方的“開始安裝”，進(jìn)行inis博客網(wǎng)站的部署。只需等待很短時間，inis博客就能在本地安裝完成。Inis博客網(wǎng)站會在安裝完成后，轉(zhuǎn)入登錄頁面。

我們可以在這里對inis博客網(wǎng)站進(jìn)行各種設(shè)置。

雖然此時inis博客網(wǎng)站已經(jīng)安裝完成，但我們還沒有為inis博客安裝前端（也就是inis網(wǎng)站的主題），因此我們在訪問本地的inis博客地址時，會自動跳轉(zhuǎn)到后臺登錄頁面。想要讓我們的inis博客網(wǎng)站能以漂亮的主題接待訪客（任何人都能看到的博客外觀），我們需要新建一個inis博客網(wǎng)站的前端站點。

要新建inis博客的前端站點，我們可以點擊寶塔面板左側(cè)的“網(wǎng)站”，在“網(wǎng)站”頁面點擊“添加站點”按鈕，新建一個inis博客網(wǎng)站的前端站點。由于inis博客前端使用了vue3開發(fā)，因此可以設(shè)置為純靜態(tài)，也不用設(shè)置php版本，只要設(shè)置網(wǎng)站域名即可（寶塔面板默認(rèn)網(wǎng)站輸出端口為80，但筆者的80端口已經(jīng)占用，因此以添加:87方式，設(shè)置inis博客網(wǎng)站前端為87端口）。

完成inis博客網(wǎng)站前端網(wǎng)站的建立后，我們再到inis博客網(wǎng)站的主頁下載一個外觀主題（inis.cc/index/themes/page/2）。

將這個主題文件解壓后的所有文件，粘貼到inis的前端站點根目錄里。這個例子中，筆者將inis博客的前端文件粘貼到“www”文件夾下“wwwroot”文件夾的“www.inisweb.com”文件夾中。

需要注意的是，由于Ubuntu系統(tǒng)的權(quán)限限制，我們無法直接復(fù)制（或剪切）這些文件到wwwroot文件夾，因此可以在ubuntu終端中輸入命令“sudo nautilus”，打開一個擁有權(quán)限的文件管理器，在這里我們就可以將inis前端的文件移動到wwwroot文件夾下的inis前端站點根目錄里（這個例子中inis前端站點根目錄為www.inisweb.com文件夾，并且在文件移動完成前，不要關(guān)閉ubuntu終端窗口）。

最后，我們在inis博客網(wǎng)站前端根目錄找到“static”文件夾，在這個文件夾里找到名為config.js的文件

雙擊打開這個文件進(jìn)行編輯，主要修改的內(nèi)容 ，就是“API地址”列，將原有的api值改為正在修改的config.js文件路徑。在這個例子中，config.js文件的路徑為www/wwwroot/inisweb/static，因此就要填入“https://www/wwwroot/inisweb/static/config.js”。

再將“route_hash”行的值，改為“fales”。

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

1.2 Inis博客網(wǎng)站測試

最后，我們在瀏覽器地址欄中輸入inis博客網(wǎng)站的前端地址（在這個例子中是192.168.157.131:87），就能看到inis博客展示給訪客的主頁面啦（注：對于Inis博客的前后端網(wǎng)站設(shè)置不清晰的，可以訪問inis官網(wǎng)的安裝教程docs.inis.cc/#/start/install-inis-theme）。

火狐瀏覽器問題解決

在修改static文件夾下的config.js文件內(nèi)容時，很可能會碰到權(quán)限不足而導(dǎo)致無法修改的問題，這時我們可以打開ubuntu的終端界面，輸入命令“su root”，在輸入正確密碼后，進(jìn)入root權(quán)限進(jìn)行config.js文件內(nèi)容的修改；

如果沒有進(jìn)行過root權(quán)限設(shè)置的，則可以輸入命令“sudo passwd root”設(shè)置修改root用戶密碼。

完成后暫時不要關(guān)閉終端窗口，而是關(guān)閉文件管理窗口，再重新打開和編輯config.js文件，就會發(fā)現(xiàn)已經(jīng)可以對其進(jìn)行編輯。

ubuntu修改文件權(quán)限問題解決

當(dāng)筆者使用ubuntu系統(tǒng)自帶的火狐瀏覽器，嘗試訪問本地inis博客前端網(wǎng)站時，瀏覽器頁面卻顯示“此網(wǎng)址使用了一個通常用于網(wǎng)絡(luò)瀏覽以外目的的端口。出于安全原因，F(xiàn)irefox 取消了該請求”，導(dǎo)致無法訪問inis博客網(wǎng)站前端。對于這個問題的解決，可以在瀏覽器地址欄輸入“about:config”，打開瀏覽器底層設(shè)置頁面。

再在首選項欄位中（長得像搜索框那里），輸入“network.security.ports.banned.override”，在出現(xiàn)的搜索結(jié)果后半部分，點選“字符串”，再點擊該列右側(cè)的“+”，將inis前端的輸出端口填入，關(guān)閉火狐瀏覽器。

最后重新打開火狐瀏覽器，輸入inis前端網(wǎng)站的地址，就能正常訪問。

1.3 cpolar的安裝和注冊

完成inis博客網(wǎng)站的部署后，接下來就可以轉(zhuǎn)入cpolar的安裝。要在ubuntu系統(tǒng)上安裝cpolar，可以使用簡便的一鍵安裝腳本進(jìn)行安裝。只要在ubuntu的命令行界面輸入以下命令，就可以自動執(zhí)行安裝程序（需要注意的是，可能有的ubuntu版本沒有安裝curl工具，因此最好先執(zhí)行命令“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系統(tǒng)會跳出啟動服務(wù)的認(rèn)證框，我們輸入ubuntu系統(tǒng)的密碼即可。

當(dāng)然，我們也可以不使用systemctl級別命令，而是輸入“cpolar version”查詢本地cpolar的版本號，只要能顯示出版本信息，就說明cpolar安裝完成。

為保證cpolar能在ubuntu系統(tǒng)上長期運(yùn)行，以此保證數(shù)據(jù)隧道的穩(wěn)定存續(xù)，最好將cpolar添加進(jìn)ubuntu開機(jī)自啟列表。只要在ubuntu的命令行界面，輸入命令“sudo systemctl status cpolar”，就能將cpolar添加進(jìn)自啟列表中。

為保證每位用戶的數(shù)據(jù)安全，并為每位客戶創(chuàng)建單獨的數(shù)據(jù)隧道，cpolar以用戶密碼和token碼進(jìn)行用戶驗證，因此我們在使用cpolar之前，需要進(jìn)行用戶注冊。注冊過程非常簡單，只要在cpolar主頁右上角點擊“用戶注冊”，在注冊頁面填入必要信息，就能完成注冊。

完成cpolar用戶注冊后，我們就可以使用每位用戶唯一的token碼，激活cpolar的客戶端。只要在cpolar官網(wǎng)登錄后，就可以在“驗證”頁面（或是“連接您的賬戶”窗口），找到用戶唯一的token碼。

將這個token碼復(fù)制粘貼到ubuntu的命令行界面，cpolar客戶端就會將這個token碼寫入本地cpolar.yml文件中（token碼激活只需要進(jìn)行一次即可），以此作為用戶數(shù)據(jù)隧道的識別信息。具體命令格式為“cpolar authtoken 用戶唯一的token碼”。

2. 本地網(wǎng)頁發(fā)布

到這里，我們在本地設(shè)備上安裝了網(wǎng)頁，也安裝了cpolar內(nèi)網(wǎng)穿透程序，接下來我們就可以使用cpolar，為本地網(wǎng)頁創(chuàng)建一個安全高效的數(shù)據(jù)隧道，讓我們本地的網(wǎng)頁能夠在公共互聯(lián)網(wǎng)上訪問到。

2.1 Cpolar臨時數(shù)據(jù)隧道

為滿足部分客戶需要的網(wǎng)頁臨時測試功能，cpolar可以直接在cpolar戶端創(chuàng)建臨時數(shù)據(jù)隧道（每隔24小時重置一次公共互聯(lián)網(wǎng)地址，）。要創(chuàng)建臨時數(shù)據(jù)隧道，我們直接在本地設(shè)備上登錄cpolar客戶端（在瀏覽器地址欄輸入localhost:9200），并在cpolar客戶端主界面點擊“隧道管理”項下的“創(chuàng)建隧道”按鈕，進(jìn)入創(chuàng)建隧道設(shè)置頁面。

在“創(chuàng)建隧道”頁面，我們需要對幾項信息設(shè)置，這些信息設(shè)置包括：

隧道名稱 – 可以看做cpolar客戶端的隧道信息注釋，只要方便我們分辨即可；

協(xié)議 –無論inis前端還是后端，都是是網(wǎng)頁程序，因此選擇http協(xié)議；

本地地址 – 本地地址即為本地網(wǎng)站的輸出端口號，inis博客網(wǎng)站的前端輸出端口為87，因此這里也填入87。

域名類型 –這里我們可以區(qū)分?jǐn)?shù)據(jù)隧道是臨時使用，或是長期存續(xù)。由于我們只是先進(jìn)行臨時測試，因此選擇“隨機(jī)域名”（二級子域名和自定義域名都是長期穩(wěn)定隧道，需要在cpolar云端預(yù)留公共互聯(lián)網(wǎng)地址）。

地區(qū) – 即服務(wù)器所在位置，我們依照實際使用地就近填寫即可；

完成這些設(shè)置后，就可以點擊頁面下方的“創(chuàng)建”按鈕，創(chuàng)建一條臨時數(shù)據(jù)隧道。臨時數(shù)據(jù)隧道創(chuàng)建完成后，cpolar客戶端會自動跳轉(zhuǎn)至“隧道管理”項下的“隧道列表”頁面，在這里我們可以看到cpolar本地的所有數(shù)據(jù)隧道（無論臨時還是長期）。我們也可以在這里，對數(shù)據(jù)隧道進(jìn)行管理，包括開啟、關(guān)閉或刪除這條隧道，也可以點擊“編輯”按鈕，最這條數(shù)據(jù)隧道的信息進(jìn)行修改。

而我們創(chuàng)建的能夠連接本地網(wǎng)站的臨時公共互聯(lián)網(wǎng)網(wǎng)址，則可以在“狀態(tài)”項下的“在線隧道列表”中找到。

將這里顯示的公共互聯(lián)網(wǎng)地址粘貼到瀏覽器地址欄，就能訪問到本地的inis博客網(wǎng)站頁面。

此時的數(shù)據(jù)隧道是臨時數(shù)據(jù)隧道，每24小時就會重置一次。數(shù)據(jù)隧道重置后，cpolar生成的公共互聯(lián)網(wǎng)地址就會變化，如果打算再次訪問這個網(wǎng)頁，就需要使用新生成的地址。

2.2 Cpolar穩(wěn)定隧道（云端設(shè)置）

如果想要為本地網(wǎng)站設(shè)置能長期穩(wěn)定存在的數(shù)據(jù)隧道，我們需要先將cpolar升級至VIP版。

Cpolar升級至付費版后，就可以登錄cpolar的官網(wǎng)（只要注冊了cpolar用戶，無論是否是付費用戶，都可以登錄cpolar官網(wǎng)，只是在里我們需要以付費用戶身份登錄cpolar官網(wǎng)，進(jìn)行預(yù)留數(shù)據(jù)隧道操作）。

在用戶主頁面左側(cè)找到“預(yù)留”按鈕，點擊進(jìn)入cpolar的數(shù)據(jù)隧道預(yù)留頁面，在這里生成一個公共互聯(lián)網(wǎng)地址（或稱為數(shù)據(jù)隧道的入口）。此時這個地址沒有連接本地的軟件輸出端口，因此可以看做是一條空白的數(shù)據(jù)隧道。

在預(yù)留頁面，我們可以保留使用多種協(xié)議的數(shù)據(jù)隧道，這里我們選擇“保留二級子域名”欄位。

在“保留二級子域名”欄位，需要進(jìn)行幾項信息的簡單設(shè)置，即“地區(qū)”（服務(wù)器所在區(qū)域，就近選擇即可）、“二級域名”（會最終出現(xiàn)在生成的公共互聯(lián)網(wǎng)地址中，作為網(wǎng)絡(luò)地址的標(biāo)識之一）和“描述”（可以看做這條數(shù)據(jù)隧道的描述，能夠與其他隧道區(qū)分開即可）。完成這幾項設(shè)置后，就可以點擊右側(cè)的“保留”按鈕，將這條數(shù)據(jù)隧道保留下來。

當(dāng)然，如果這條數(shù)據(jù)隧道不打算再使用，還可以點擊右側(cè)的“x”將其輕松刪除，節(jié)約寶貴的隧道名額。

2.3.Cpolar穩(wěn)定隧道（本地設(shè)置）

完成cpolar云端的設(shè)置，并保留了空白數(shù)據(jù)隧道后，我們回到本地的cpolar客戶端，將云端生成的空白數(shù)據(jù)隧道與本地的測試頁面連接起來。

在本地設(shè)備上打開并登錄cpolar客戶端（可以在瀏覽器中輸入localhost:9200直接訪問）。點擊客戶端主界面左側(cè)“隧道管理”項下的“隧道列表”按鈕，進(jìn)入本地隧道的頁面，再點擊對應(yīng)隧道的“編輯”按鈕。

在本地隧道的“編輯”頁面（與創(chuàng)建本地臨時隧道的頁面一樣），我們只要對“域名類型”進(jìn)行修改，就能將cpolar云端設(shè)保留的公共互聯(lián)網(wǎng)地址，與本地cpolar創(chuàng)建的Imagewheel數(shù)據(jù)隧道連接起來。

我們已經(jīng)在cpolar云端預(yù)留了二級子域名的數(shù)據(jù)隧道，因此改選為“二級子域名”（如果預(yù)留的是自定義域名，則勾選自定義域名），并在下一行“Sub Domain”欄中填入預(yù)留的二級子域名，這里我們填入“inisweb”。

完成“域名類型”的更改后，就可以點擊頁面下方的“更新”按鈕，將cpolar云端的空白數(shù)據(jù)隧道與本地inis博客前端網(wǎng)站連接起來，即生成了能夠長期穩(wěn)定存在的inis博客前端網(wǎng)站數(shù)據(jù)隧道。

3. 公網(wǎng)訪問測試

最后，我們再次進(jìn)入“在線隧道列表”頁面，這時我們就會發(fā)現(xiàn)inis博客前端網(wǎng)站的公共互聯(lián)網(wǎng)地址已經(jīng)發(fā)生了變化，將更新后地址粘貼到瀏覽器中，就能看到使用新地址訪問到inis博客前端網(wǎng)站。

當(dāng)然，如果想要讓inis博客的后端網(wǎng)站（也就是inis后臺）也能在公共互聯(lián)網(wǎng)上訪問到，只要重復(fù)以上步驟，并更改為inis博客網(wǎng)站后端的網(wǎng)頁端口號即可。

總結(jié)

對于筆者來說，第一次接觸到網(wǎng)站使用前端網(wǎng)站和后端網(wǎng)站，分別顯示網(wǎng)站的公共頁面和后臺頁面的情況，雖然這樣的網(wǎng)站安裝模式并不常見，但在部署網(wǎng)站時并沒有碰到太大的困難，而cpolar的靈活性就在此時得到完美展示。如果不想讓inis博客網(wǎng)站的后臺被訪問，就可以只創(chuàng)建inis博客的前端網(wǎng)站隧道，最大程度保證了inis博客網(wǎng)站的后臺安全。文章來源地址http://www.zghlxwxcb.cn/news/detail-819585.html

到了這里，關(guān)于如何使用寶塔面板部署Inis博客并實現(xiàn)無公網(wǎng)ip環(huán)境遠(yuǎn)程訪問的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！