文章目錄
前言
本文主要和大家分享一下，如何在系統(tǒng)上部署新版Inis博客系統(tǒng)，并使用創(chuàng)建的內(nèi)網(wǎng)穿透數(shù)據(jù)隧道，將Inis博客網(wǎng)站發(fā)布到公共互聯(lián)網(wǎng)上實(shí)現(xiàn)隨時(shí)隨地遠(yuǎn)程訪問(wèn)。
互聯(lián)網(wǎng)技術(shù)總在不斷進(jìn)步，新技術(shù)和新軟件也會(huì)來(lái)帶更多功能，就以最常見(jiàn)的個(gè)人博客系統(tǒng)，也在不斷推陳出新，發(fā)掘出更多功能和特色。從早期少量自定義和編輯功能，發(fā)展到現(xiàn)在的支持各種自定義模塊和外觀，以及更多更全的支持軟件適配（包括php程序、數(shù)據(jù)庫(kù)程序等）。
1. Inis博客網(wǎng)站搭建
Inis博客系統(tǒng)作為較新的個(gè)人博客網(wǎng)站程序，自然使用了較新的php程序，同時(shí)也能支持Web端、APP和小程序端，并且內(nèi)置了豐富的API（可以理解為軟件的數(shù)據(jù)接口，讓開(kāi)發(fā)者能更方便的開(kāi)發(fā)擴(kuò)展功能），對(duì)于使用者來(lái)說(shuō)，就是更多樣化的外觀選擇和功能擴(kuò)展。
1.1. Inis博客網(wǎng)站下載和安裝
與常見(jiàn)的軟件一樣，Inis也設(shè)有自己的官網(wǎng)（），我們可以在Inis的官網(wǎng)上找到安裝指南、問(wèn)題解決、新外觀預(yù)覽等多種內(nèi)容。
在Inis官網(wǎng)的安裝說(shuō)明中，我們可以找到Inis支持8.0版本的php，數(shù)據(jù)庫(kù)則是.5版本。因此我們需要在寶塔面板上安裝對(duì)應(yīng)版本的、、PHP（即所謂的LAMP，如果是在下安裝、、PHP，則稱為L(zhǎng)NMP）。通常第一次登錄寶塔面板，只要本地硬件設(shè)備上沒(méi)有安裝過(guò)、、PHP這些軟件，寶塔面板就會(huì)自動(dòng)彈出詢問(wèn)，選擇安裝哪些網(wǎng)頁(yè)運(yùn)行程序。
當(dāng)然，也可以在寶塔面板的主頁(yè)（可以在瀏覽器中輸入本地地址:寶塔面板輸出端口號(hào)）左側(cè)，找到“軟件商店”按鈕，點(diǎn)擊進(jìn)入軟件商店頁(yè)面。在這個(gè)頁(yè)面，我們可以找到常用的網(wǎng)站運(yùn)行支持程序，包括、、、PHP、、、管理器、等等。我們找到所需的軟件，點(diǎn)擊該軟件條目右側(cè)的“安裝”，即可將其安裝至系統(tǒng)上。
完成、、PHP幾項(xiàng)軟件的安裝后，我們可以點(diǎn)擊軟件商店頁(yè)面上方的“已安裝”按鈕，查看已經(jīng)安裝的軟件。同時(shí)，也可以在這里切換每個(gè)軟件的版本。
下一步，就可以進(jìn)行Inis博客網(wǎng)站的部署。通常網(wǎng)站部署的步驟是將下載的網(wǎng)站源代碼，放置到寶塔面板的文件夾下，不過(guò)好在寶塔面板中提供了Inis博客網(wǎng)站的“一鍵部署”模式，大大減輕了新手用戶的網(wǎng)站部署難度。
點(diǎn)擊寶塔面板主界面左側(cè)的“軟件商店”。進(jìn)入軟件商店后，在頁(yè)面上方找到“一鍵部署”按鈕，進(jìn)入可以一鍵部署的網(wǎng)站分頁(yè)，從中選取“”條目，點(diǎn)擊該條目右側(cè)的“一鍵部署”按鈕。
接下來(lái)寶塔面板會(huì)彈出網(wǎng)站基本設(shè)置窗口，在這里我們可以指定網(wǎng)站的基本信息，這些信息包括：
域名（以及輸出端口號(hào)） - 在“域名”欄位，通過(guò)“打算使用的域名：打算使用的端口”形式設(shè)置；
根目錄 – 這個(gè)欄位可改可不改，但這個(gè)根目錄內(nèi)容會(huì)與“域名”欄位聯(lián)動(dòng)，為防止混淆，筆者還是將其更改為inis；
數(shù)據(jù)庫(kù) – 這里填入打算設(shè)置的數(shù)據(jù)庫(kù)信息即可；為方便分辨，筆者將其設(shè)置為inis；
PHP版本 – 對(duì)于某些網(wǎng)站可能會(huì)要求使用特定版本的PHP，我們就可以在PHP版本欄位修改（前提是已經(jīng)安裝了對(duì)應(yīng)版本的PHP軟件），比如inis要求使用php8.0及以上，因此這里選擇php8.0版本；
完成這些設(shè)置后，就可以點(diǎn)擊窗口下方的“提交”按鈕，創(chuàng)建本地的inis博客網(wǎng)站。
Inis網(wǎng)站創(chuàng)建完成后（也就是inis源碼下載及數(shù)據(jù)庫(kù)建立），寶塔面板會(huì)彈出已創(chuàng)建網(wǎng)站的地址，重要的網(wǎng)站信息（可能是數(shù)據(jù)庫(kù)信息，或是網(wǎng)站后臺(tái)登錄信息）。
接著打開(kāi)系統(tǒng)上的寶塔面板，在軟件主界面左側(cè)點(diǎn)擊“網(wǎng)站”按鈕，進(jìn)入網(wǎng)站列表頁(yè)面，就能看到剛剛安裝上線的inis博客網(wǎng)站。
此時(shí)在的瀏覽器地址欄輸入設(shè)置好的inis博客網(wǎng)站地址，就能看到的設(shè)置頁(yè)面。我們繼續(xù)根據(jù)網(wǎng)站顯示頁(yè)面的提示，進(jìn)行具體的網(wǎng)站設(shè)置工作。
首先是對(duì)inis博客網(wǎng)站的數(shù)據(jù)庫(kù)設(shè)置，我們需要在這步填入創(chuàng)建網(wǎng)站時(shí)設(shè)置的數(shù)據(jù)庫(kù)名稱和密碼。如果忘記所設(shè)置的數(shù)據(jù)庫(kù)信息，則可以在寶塔面板左側(cè)的“數(shù)據(jù)庫(kù)”頁(yè)面找到所設(shè)置的相關(guān)信息。
填入數(shù)據(jù)庫(kù)信息后，就可以點(diǎn)擊“下一步”，inis會(huì)對(duì)網(wǎng)站的安裝環(huán)境進(jìn)行自檢（主要是php的各項(xiàng)擴(kuò)展），只有各項(xiàng)插件都自檢通過(guò)后，才能繼續(xù)下一步安裝。
第三步，就是設(shè)置inis博客網(wǎng)站本身的信息，包括博主名稱、賬號(hào)、密碼及郵箱信息。
完成這最后一步設(shè)置，就可以點(diǎn)擊頁(yè)面下方的“開(kāi)始安裝”，進(jìn)行inis博客網(wǎng)站的部署。只需等待很短時(shí)間，inis博客就能在本地安裝完成。Inis博客網(wǎng)站會(huì)在安裝完成后，轉(zhuǎn)入登錄頁(yè)面。
我們可以在這里對(duì)inis博客網(wǎng)站進(jìn)行各種設(shè)置。
雖然此時(shí)inis博客網(wǎng)站已經(jīng)安裝完成，但我們還沒(méi)有為inis博客安裝前端（也就是inis網(wǎng)站的主題），因此我們?cè)谠L問(wèn)本地的inis博客地址時(shí)，會(huì)自動(dòng)跳轉(zhuǎn)到后臺(tái)登錄頁(yè)面。想要讓我們的inis博客網(wǎng)站能以漂亮的主題接待訪客（任何人都能看到的博客外觀），我們需要新建一個(gè)inis博客網(wǎng)站的前端站點(diǎn)。
要新建inis博客的前端站點(diǎn)，我們可以點(diǎn)擊寶塔面板左側(cè)的“網(wǎng)站”，在“網(wǎng)站”頁(yè)面點(diǎn)擊“添加站點(diǎn)”按鈕，新建一個(gè)inis博客網(wǎng)站的前端站點(diǎn)。由于inis博客前端使用了vue3開(kāi)發(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)站的建立后，我們?cè)俚絠nis博客網(wǎng)站的主頁(yè)下載一個(gè)外觀主題（///page/2）。
將這個(gè)主題文件解壓后的所有文件，粘貼到inis的前端站點(diǎn)根目錄里。這個(gè)例子中，筆者將inis博客的前端文件粘貼到“www”文件夾下“”文件夾的“”文件夾中。
需要注意的是，由于系統(tǒng)的權(quán)限限制，我們無(wú)法直接復(fù)制（或剪切）這些文件到文件夾，因此可以在終端中輸入命令“sudo ”，打開(kāi)一個(gè)擁有權(quán)限的文件管理器，在這里我們就可以將inis前端的文件移動(dòng)到文件夾下的inis前端站點(diǎn)根目錄里（這個(gè)例子中inis前端站點(diǎn)根目錄為文件夾，并且在文件移動(dòng)完成前，不要關(guān)閉終端窗口）。
最后，我們?cè)趇nis博客網(wǎng)站前端根目錄找到“”文件夾，在這個(gè)文件夾里找到名為.js的文件
雙擊打開(kāi)這個(gè)文件進(jìn)行編輯，主要修改的內(nèi)容 ，就是“API地址”列，將原有的api值改為正在修改的.js文件路徑。在這個(gè)例子中，.js文件的路徑為www///，因此就要填入“”。
再將“”行的值，改為“”。
修改完成后，保存并退出。
1.2 Inis博客網(wǎng)站測(cè)試
最后，我們?cè)跒g覽器地址欄中輸入inis博客網(wǎng)站的前端地址（在這個(gè)例子中是192.168.157.131:87），就能看到inis博客展示給訪客的主頁(yè)面啦（注：對(duì)于Inis博客的前后端網(wǎng)站設(shè)置不清晰的，可以訪問(wèn)inis官網(wǎng)的安裝教程/#//-inis-）。
火狐瀏覽器問(wèn)題解決
在修改文件夾下的.js文件內(nèi)容時(shí)，很可能會(huì)碰到權(quán)限不足而導(dǎo)致無(wú)法修改的問(wèn)題，這時(shí)我們可以打開(kāi)的終端界面，輸入命令“su root”，在輸入正確密碼后，進(jìn)入root權(quán)限進(jìn)行.js文件內(nèi)容的修改；
如果沒(méi)有進(jìn)行過(guò)root權(quán)限設(shè)置的，則可以輸入命令“sudo root”設(shè)置修改root用戶密碼。
完成后暫時(shí)不要關(guān)閉終端窗口，而是關(guān)閉文件管理窗口，再重新打開(kāi)和編輯.js文件，就會(huì)發(fā)現(xiàn)已經(jīng)可以對(duì)其進(jìn)行編輯。
修改文件權(quán)限問(wèn)題解決
當(dāng)筆者使用系統(tǒng)自帶的火狐瀏覽器，嘗試訪問(wèn)本地inis博客前端網(wǎng)站時(shí)，瀏覽器頁(yè)面卻顯示“此網(wǎng)址使用了一個(gè)通常用于網(wǎng)絡(luò)瀏覽以外目的的端口。出于安全原因， 取消了該請(qǐng)求”，導(dǎo)致無(wú)法訪問(wèn)inis博客網(wǎng)站前端。對(duì)于這個(gè)問(wèn)題的解決，可以在瀏覽器地址欄輸入“:”，打開(kāi)瀏覽器底層設(shè)置頁(yè)面。
再在首選項(xiàng)欄位中（長(zhǎng)得像搜索框那里），輸入“....”，在出現(xiàn)的搜索結(jié)果后半部分，點(diǎn)選“字符串”，再點(diǎn)擊該列右側(cè)的“+”，將inis前端的輸出端口填入，關(guān)閉火狐瀏覽器。
最后重新打開(kāi)火狐瀏覽器，輸入inis前端網(wǎng)站的地址，就能正常訪問(wèn)。
1.3 的安裝和注冊(cè)
完成inis博客網(wǎng)站的部署后，接下來(lái)就可以轉(zhuǎn)入的安裝。要在系統(tǒng)上安裝，可以使用簡(jiǎn)便的一鍵安裝腳本進(jìn)行安裝。只要在的命令行界面輸入以下命令，就可以自動(dòng)執(zhí)行安裝程序（需要注意的是，可能有的版本沒(méi)有安裝curl工具，因此最好先執(zhí)行命令“sudo curl”安裝curl工具）。
一鍵安裝腳本：
“curl -L
| sudo bash”
安裝完成后，就可以再輸入命令“ ”，啟動(dòng)。
這時(shí)系統(tǒng)會(huì)跳出啟動(dòng)服務(wù)的認(rèn)證框，我們輸入系統(tǒng)的密碼即可。
當(dāng)然，我們也可以不使用級(jí)別命令，而是輸入“ ”查詢本地的版本號(hào)，只要能顯示出版本信息，就說(shuō)明安裝完成。
為保證能在系統(tǒng)上長(zhǎng)期運(yùn)行，以此保證數(shù)據(jù)隧道的穩(wěn)定存續(xù)，最好將添加進(jìn)開(kāi)機(jī)自啟列表。只要在的命令行界面，輸入命令“sudo ”，就能將添加進(jìn)自啟列表中。
為保證每位用戶的數(shù)據(jù)安全，并為每位客戶創(chuàng)建單獨(dú)的數(shù)據(jù)隧道，以用戶密碼和碼進(jìn)行用戶驗(yàn)證，因此我們?cè)谑褂弥埃枰M(jìn)行用戶注冊(cè)。注冊(cè)過(guò)程非常簡(jiǎn)單，只要在主頁(yè)右上角點(diǎn)擊“用戶注冊(cè)”，在注冊(cè)頁(yè)面填入必要信息，就能完成注冊(cè)。
官網(wǎng)地址：
完成用戶注冊(cè)后，我們就可以使用每位用戶唯一的碼，激活的客戶端。只要在官網(wǎng)登錄后，就可以在“驗(yàn)證”頁(yè)面（或是“連接您的賬戶”窗口），找到用戶唯一的碼。
將這個(gè)碼復(fù)制粘貼到的命令行界面，客戶端就會(huì)將這個(gè)碼寫(xiě)入本地.yml文件中（碼激活只需要進(jìn)行一次即可），以此作為用戶數(shù)據(jù)隧道的識(shí)別信息。具體命令格式為“ 用戶唯一的碼”。
2. 本地網(wǎng)頁(yè)發(fā)布
到這里，我們?cè)诒镜卦O(shè)備上安裝了網(wǎng)頁(yè)，也安裝了內(nèi)網(wǎng)穿透程序，接下來(lái)我們就可以使用，為本地網(wǎng)頁(yè)創(chuàng)建一個(gè)安全高效的數(shù)據(jù)隧道，讓我們本地的網(wǎng)頁(yè)能夠在公共互聯(lián)網(wǎng)上訪問(wèn)到。
2.1 臨時(shí)數(shù)據(jù)隧道
為滿足部分客戶需要的網(wǎng)頁(yè)臨時(shí)測(cè)試功能，可以直接在戶端創(chuàng)建臨時(shí)數(shù)據(jù)隧道（每隔24小時(shí)重置一次公共互聯(lián)網(wǎng)地址，）。要?jiǎng)?chuàng)建臨時(shí)數(shù)據(jù)隧道，我們直接在本地設(shè)備上登錄客戶端（在瀏覽器地址欄輸入:9200），并在客戶端主界面點(diǎn)擊“隧道管理”項(xiàng)下的“創(chuàng)建隧道”按鈕，進(jìn)入創(chuàng)建隧道設(shè)置頁(yè)面。
在“創(chuàng)建隧道”頁(yè)面，我們需要對(duì)幾項(xiàng)信息設(shè)置，這些信息設(shè)置包括：
隧道名稱 – 可以看做客戶端的隧道信息注釋，只要方便我們分辨即可；
協(xié)議 –無(wú)論inis前端還是后端，都是是網(wǎng)頁(yè)程序，因此選擇http協(xié)議；
本地地址 – 本地地址即為本地網(wǎng)站的輸出端口號(hào)，inis博客網(wǎng)站的前端輸出端口為87，因此這里也填入87。
域名類型 –這里我們可以區(qū)分?jǐn)?shù)據(jù)隧道是臨時(shí)使用，或是長(zhǎng)期存續(xù)。由于我們只是先進(jìn)行臨時(shí)測(cè)試，因此選擇“隨機(jī)域名”（二級(jí)子域名和自定義域名都是長(zhǎng)期穩(wěn)定隧道，需要在云端預(yù)留公共互聯(lián)網(wǎng)地址）。
地區(qū) – 即服務(wù)器所在位置，我們依照實(shí)際使用地就近填寫(xiě)即可；
完成這些設(shè)置后，就可以點(diǎn)擊頁(yè)面下方的“創(chuàng)建”按鈕，創(chuàng)建一條臨時(shí)數(shù)據(jù)隧道。臨時(shí)數(shù)據(jù)隧道創(chuàng)建完成后，客戶端會(huì)自動(dòng)跳轉(zhuǎn)至“隧道管理”項(xiàng)下的“隧道列表”頁(yè)面，在這里我們可以看到本地的所有數(shù)據(jù)隧道（無(wú)論臨時(shí)還是長(zhǎng)期）。我們也可以在這里，對(duì)數(shù)據(jù)隧道進(jìn)行管理，包括開(kāi)啟、關(guān)閉或刪除這條隧道，也可以點(diǎn)擊“編輯”按鈕，最這條數(shù)據(jù)隧道的信息進(jìn)行修改。
而我們創(chuàng)建的能夠連接本地網(wǎng)站的臨時(shí)公共互聯(lián)網(wǎng)網(wǎng)址，則可以在“狀態(tài)”項(xiàng)下的“在線隧道列表”中找到。
將這里顯示的公共互聯(lián)網(wǎng)地址粘貼到瀏覽器地址欄，就能訪問(wèn)到本地的inis博客網(wǎng)站頁(yè)面。
此時(shí)的數(shù)據(jù)隧道是臨時(shí)數(shù)據(jù)隧道，每24小時(shí)就會(huì)重置一次。數(shù)據(jù)隧道重置后，生成的公共互聯(lián)網(wǎng)地址就會(huì)變化，如果打算再次訪問(wèn)這個(gè)網(wǎng)頁(yè)，就需要使用新生成的地址。
2.2 穩(wěn)定隧道（云端設(shè)置）
如果想要為本地網(wǎng)站設(shè)置能長(zhǎng)期穩(wěn)定存在的數(shù)據(jù)隧道，我們需要先將升級(jí)至VIP版。
升級(jí)至付費(fèi)版后，就可以登錄的官網(wǎng)（只要注冊(cè)了用戶，無(wú)論是否是付費(fèi)用戶，都可以登錄官網(wǎng)，只是在里我們需要以付費(fèi)用戶身份登錄官網(wǎng)，進(jìn)行預(yù)留數(shù)據(jù)隧道操作）。
在用戶主頁(yè)面左側(cè)找到“預(yù)留”按鈕，點(diǎn)擊進(jìn)入的數(shù)據(jù)隧道預(yù)留頁(yè)面，在這里生成一個(gè)公共互聯(lián)網(wǎng)地址（或稱為數(shù)據(jù)隧道的入口）。此時(shí)這個(gè)地址沒(méi)有連接本地的軟件輸出端口，因此可以看做是一條空白的數(shù)據(jù)隧道。
在預(yù)留頁(yè)面，我們可以保留使用多種協(xié)議的數(shù)據(jù)隧道，這里我們選擇“保留二級(jí)子域名”欄位。
在“保留二級(jí)子域名”欄位，需要進(jìn)行幾項(xiàng)信息的簡(jiǎn)單設(shè)置，即“地區(qū)”（服務(wù)器所在區(qū)域，就近選擇即可）、“二級(jí)域名”（會(huì)最終出現(xiàn)在生成的公共互聯(lián)網(wǎng)地址中，作為網(wǎng)絡(luò)地址的標(biāo)識(shí)之一）和“描述”（可以看做這條數(shù)據(jù)隧道的描述，能夠與其他隧道區(qū)分開(kāi)即可）。完成這幾項(xiàng)設(shè)置后，就可以點(diǎn)擊右側(cè)的“保留”按鈕，將這條數(shù)據(jù)隧道保留下來(lái)。
當(dāng)然，如果這條數(shù)據(jù)隧道不打算再使用，還可以點(diǎn)擊右側(cè)的“x”將其輕松刪除，節(jié)約寶貴的隧道名額。
2.3.穩(wěn)定隧道（本地設(shè)置）
完成云端的設(shè)置，并保留了空白數(shù)據(jù)隧道后，我們回到本地的客戶端，將云端生成的空白數(shù)據(jù)隧道與本地的測(cè)試頁(yè)面連接起來(lái)。
在本地設(shè)備上打開(kāi)并登錄客戶端（可以在瀏覽器中輸入:9200直接訪問(wèn)）。點(diǎn)擊客戶端主界面左側(cè)“隧道管理”項(xiàng)下的“隧道列表”按鈕，進(jìn)入本地隧道的頁(yè)面，再點(diǎn)擊對(duì)應(yīng)隧道的“編輯”按鈕。
在本地隧道的“編輯”頁(yè)面（與創(chuàng)建本地臨時(shí)隧道的頁(yè)面一樣），我們只要對(duì)“域名類型”進(jìn)行修改，就能將云端設(shè)保留的公共互聯(lián)網(wǎng)地址，與本地創(chuàng)建的數(shù)據(jù)隧道連接起來(lái)。
我們已經(jīng)在云端預(yù)留了二級(jí)子域名的數(shù)據(jù)隧道，因此改選為“二級(jí)子域名”（如果預(yù)留的是自定義域名，則勾選自定義域名），并在下一行“Sub ”欄中填入預(yù)留的二級(jí)子域名，這里我們填入“”。
完成“域名類型”的更改后，就可以點(diǎn)擊頁(yè)面下方的“更新”按鈕，將云端的空白數(shù)據(jù)隧道與本地inis博客前端網(wǎng)站連接起來(lái)，即生成了能夠長(zhǎng)期穩(wěn)定存在的inis博客前端網(wǎng)站數(shù)據(jù)隧道。
3. 公網(wǎng)訪問(wèn)測(cè)試
最后，我們?cè)俅芜M(jìn)入“在線隧道列表”頁(yè)面，這時(shí)我們就會(huì)發(fā)現(xiàn)inis博客前端網(wǎng)站的公共互聯(lián)網(wǎng)地址已經(jīng)發(fā)生了變化，將更新后地址粘貼到瀏覽器中，就能看到使用新地址訪問(wèn)到inis博客前端網(wǎng)站。
當(dāng)然，如果想要讓inis博客的后端網(wǎng)站（也就是inis后臺(tái)）也能在公共互聯(lián)網(wǎng)上訪問(wèn)到，只要重復(fù)以上步驟，并更改為inis博客網(wǎng)站后端的網(wǎng)頁(yè)端口號(hào)即可。
總結(jié)
對(duì)于筆者來(lái)說(shuō)，第一次接觸到網(wǎng)站使用前端網(wǎng)站和后端網(wǎng)站，分別顯示網(wǎng)站的公共頁(yè)面和后臺(tái)頁(yè)面的情況，雖然這樣的網(wǎng)站安裝模式并不常見(jiàn)，但在部署網(wǎng)站時(shí)并沒(méi)有碰到太大的困難，而的靈活性就在此時(shí)得到完美展示。如果不想讓inis博客網(wǎng)站的后臺(tái)被訪問(wèn)，就可以只創(chuàng)建inis博客的前端網(wǎng)站隧道，最大程度保證了inis博客網(wǎng)站的后臺(tái)安全。