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