超詳細(xì)的 OneNav 個人導(dǎo)航網(wǎng)站搭建教程與使用方法
時間：2023-07-23 07:24:01 | 來源：網(wǎng)站運(yùn)營
時間：2023-07-23 07:24:01 來源：網(wǎng)站運(yùn)營
超詳細(xì)的 OneNav 個人導(dǎo)航網(wǎng)站搭建教程與使用方法：
前言
導(dǎo)航網(wǎng)站，或者說網(wǎng)址導(dǎo)航，大家最熟悉的估計就是 hao123 了，常見的個人導(dǎo)航網(wǎng)站模板有 WebStack、一為導(dǎo)航、OneNav 等，可能很多人都有過搭一個自己的導(dǎo)航網(wǎng)站的想法。
本文就手把手教大家如何
搭建導(dǎo)航網(wǎng)站，
創(chuàng)建個人導(dǎo)航主頁。
兼顧高度自定義和私密性，完全屬于自己，
個人使用或者用來
公開分享自己收藏的好網(wǎng)站都不錯。
超詳細(xì)的圖文教程，小白也可以輕松搞定！手把手教你使用 OneNav 搭建個人導(dǎo)航網(wǎng)站
注意?。。?/b>小白用戶請嚴(yán)格按照教程步驟和截圖提示操作，容易出現(xiàn)的問題文中已有說明，避免自由發(fā)揮或拼接教程造成卡住。
教程已經(jīng)很詳細(xì)了，重點(diǎn)地方都有截圖提示，認(rèn)真耐心點(diǎn)，順利的話1小時輕松搞定~
安裝步驟：
1. 購買 & 創(chuàng)建 VPS
2. 注冊并解析域名
3. 搭建網(wǎng)站環(huán)境
4. 安裝 OneNav 導(dǎo)航網(wǎng)站并配置
5. OneNav 使用方法
6. 常見問題 & 解決方法
1. 購買 & 創(chuàng)建 VPS
VPS 選擇搬瓦工，也是全球比較著名的主機(jī)提供商，目前有全球 13 個機(jī)房可以選擇，對國內(nèi)線路也有優(yōu)化，速度和穩(wěn)定性都很不錯，免備案，比較省心。
- 搬瓦工官網(wǎng)：BandwagonHost VPS
個人用戶推薦下面幾個產(chǎn)品，按預(yù)算選擇，都不錯：
- 性價比首選，速度不錯：CN2 VPS，20G硬盤，1G內(nèi)存，$49/年，購買地址
- 效果首選，速度穩(wěn)定性最佳：CN2 GIA 商務(wù)版，$169/年，購買地址
點(diǎn)擊上面套餐鏈接，進(jìn)入添加頁面，選擇付費(fèi)周期和機(jī)房，年付最劃算，機(jī)房按默認(rèn)即可，可以在后臺更換，Add to Cart 添加購物車。
在訂單頁面，核對賬單信息，輸入優(yōu)惠碼 BWH3HYATVBJW → Validata Code → Checkout 結(jié)算。
進(jìn)入注冊頁面，輸入注冊信息注冊賬戶，如實(shí)填寫即可。
然后選擇付款方式，支持支付寶、信用卡、Paypal 付款，點(diǎn)擊 Complete Order 進(jìn)入支付頁面，點(diǎn)擊 Pay now，掃碼付款，完成。
購買成功后，注冊郵箱中會收到郵件通知，郵件中包含 VPS 的 IP、密碼和端口號，一定要保存好，需要使用它們連接到我們的 VPS 進(jìn)行操作。（未收到請檢查垃圾箱）
至此，搬瓦工 VPS 的購買和創(chuàng)建已經(jīng)完成了！
2. 注冊并解析域名
# 2.1 注冊 Namesilo 并購買域名
域名注冊選擇 Namesilo，全球知名服務(wù)商，免費(fèi)域名隱私保護(hù)，多重安全防護(hù)，價格也比較實(shí)惠。
- 官網(wǎng)：NameSilo 官網(wǎng)
打開 NameSilo 官網(wǎng)，點(diǎn)擊右上角 Sign-up 注冊賬號。
注冊后登錄賬戶，在搜索框輸入想要的域名進(jìn)行搜索（注意不用輸入后綴即可）。
如果網(wǎng)站要公開分享的話，域名后綴首選 .com 和 .net；自己用無所謂，喜歡哪個選哪個就好。
然后點(diǎn)擊想購買域名后面的 Add（添加購物車） → Checkout（進(jìn)入購物車結(jié)算）。
在結(jié)算頁面，選擇要購買的年數(shù)，輸入優(yōu)惠碼 okoff 并點(diǎn)擊 Apply 應(yīng)用，新用戶可優(yōu)惠 1 美元，確認(rèn)沒問題，點(diǎn)擊 CHECKOUT 結(jié)算。
選擇付款方式，支持支付寶、信用卡、PayPal 等，點(diǎn)擊 PAY 付款，完成域名購買。
# 2.2 解析域名
進(jìn)入 Namesilo → 右上角 Manage My Domains → 點(diǎn)擊藍(lán)色小球編輯 DNS。
一般設(shè)置兩條記錄就夠了，假設(shè)我們的主域名是 example.com，那么就是將 example.com 和 www.example.com 指向 VPS 的 IP 地址，TTL 改為 3600。
點(diǎn)擊 EDIT 下面的按鈕逐條修改，設(shè)置好后如下圖。記得把 example.com 替換為自己的域名。
修改完后，大概等待 15 分鐘生效。
更全面詳細(xì)的 Namesilo 域名解析方法和使用教程，可以查看下面兩篇教程：
- Namesilo DNS 域名解析教程和常見問題解決方法匯總
- Namesilo 域名購買及使用教程
3. 搭建網(wǎng)站環(huán)境（使用寶塔面板）
# 3.1 連接 VPS
使用 SSH 工具連接我們的 VPS 或服務(wù)器，Windows 推薦 Xshell；Mac 可使用自帶的終端，第三方工具有 Termius、Putty 等。
Windows 連接 VPS
Windows 使用 Xshell 連接 VPS，好用易上手，個人用戶免費(fèi)。
Xshell 下載：https://www.xshell.com/zh/free-for-home-school/
官網(wǎng)下載安裝 Xshell，打開軟件后點(diǎn)擊文件 → 新建：
- 連接：輸入名稱（隨便填）、主機(jī)（VPS 的 IP 地址）、端口號
- 用戶身份驗(yàn)證：輸入用戶名（默認(rèn)
root）、密碼
以上信息均在收到的郵件中。
輸入完成后確認(rèn)，連接 VPS，接受并保存密匙。
界面中出現(xiàn)類似 [root@host ~]# 即連接成功，可以輸入代碼進(jìn)行操作了。
Mac 連接 VPS
打開 Mac 自帶的終端，輸入以下代碼登錄 VPS，其中 root 即默認(rèn)用戶名，將端口號和 ip 更改為郵件里收到的，回車。
ssh -p 端口號 root@ip根據(jù)提示，輸入 yes 確認(rèn)，粘貼密碼，回車。需要注意的是，密碼輸入時不會顯示出來，直接復(fù)制粘貼，回車即可。
出現(xiàn) root:~# 即連接成功。
# 3.2 安裝寶塔面板
我們選擇安裝寶塔 Linux 面板進(jìn)行后續(xù)的網(wǎng)站搭建，方便快速，之后想搭建其他博客網(wǎng)站等也方便，不浪費(fèi)。
使用 Xshell 或 Mac 終端連接上 VPS 后，在 # 后輸入下面代碼安裝寶塔面板：
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh備注：其他 Linux 系統(tǒng)安裝命令可以去官網(wǎng)查看：https://www.bt.cn/new/download.html
安裝中出現(xiàn)詢問是否安裝到 www 目錄，輸入 Y，回車確認(rèn)。
稍等片刻，安裝完成后會出現(xiàn)“Congratulations!”，顯示面板信息，包含面板登錄地址、用戶名和密碼，一定要記錄保存好。
# 3.3 安裝網(wǎng)站環(huán)境
打開瀏覽器訪問面板地址，登錄面板后臺，第一次進(jìn)入會提示安裝環(huán)境套件。
選擇 LNMP 套件，將 PHP 版本改為 7.2，點(diǎn)擊“一鍵安裝”，等待網(wǎng)站環(huán)境安裝完成。
4. 安裝 OneNav 導(dǎo)航網(wǎng)站并配置
導(dǎo)航網(wǎng)站模板有很多，比如 WebStack、一為導(dǎo)航、OneNav 等，但很多是靜態(tài)的或者基于 WordPress 的導(dǎo)航主題，操作上不夠直接方便等。
這里選擇的 OneNav 是一款開源免費(fèi)的專業(yè)書簽（導(dǎo)航）管理程序，輕巧簡潔，操作方便，可更換和自行開發(fā)導(dǎo)航主題。
- 官網(wǎng)：OneNav開源免費(fèi)的書簽（導(dǎo)航）管理程序
# 4.1 創(chuàng)建網(wǎng)站
點(diǎn)擊左側(cè)邊欄「網(wǎng)站」按鈕進(jìn)入網(wǎng)站管理界面，點(diǎn)擊「添加站點(diǎn)」，輸入域名，其它保持默認(rèn)，提交。
# 4.2 下載安裝 OneNav 網(wǎng)站程序
進(jìn)入網(wǎng)站目錄，先刪除目錄中自帶的文件。
然后點(diǎn)擊「遠(yuǎn)程下載」，粘貼 URL 地址：https://github.com/helloxz/onenav/archive/refs/heads/main.zip，確定。
刷新文件列表，解壓 main.zip 壓縮包，并將解壓出的 onenav-main 文件夾中的全部內(nèi)容剪切到網(wǎng)站根目錄下，然后刪除 onenav-main 和 main.zip。
# 4.3 安全設(shè)置（重要！）
回到網(wǎng)站管理界面，點(diǎn)擊設(shè)置 → 配置文件 → 粘貼入下面的配置代碼并保存。
#安全設(shè)置location ~* ^/(class|controller|db|data|functions|templates)/.*.(db3|php|php5|sql)$ { return 403;}location ~* ^/(data)/.*.(html)$ { deny all;}location /db { deny all;}#偽靜態(tài)rewrite ^/click/(.*) /index.php?c=click&id=$1 break;rewrite ^/api/(.*)?(.*) /index.php?c=api&method=$1&$2 break;rewrite /login /index.php?c=login break;# 4.4 安裝 SSL 證書并開啟 HTTPS
打開網(wǎng)站設(shè)置 → SSL → Let's Encrypt → 輸入郵箱申請 SSL 證書。
申請成功后，進(jìn)入證書夾部署證書并開啟“強(qiáng)制HTTPS”。
現(xiàn)在就成功給網(wǎng)站加上 SSL 小綠鎖了，可以通過 HTTPS 訪問站點(diǎn)。
# 4.5 初始化 OneNav 賬戶
訪問網(wǎng)站域名，如果搭建成功，此時會顯示“初始化用戶名/密碼”界面，按提示輸入管理員用戶名和密碼，登錄后臺使用。
設(shè)置后自動跳轉(zhuǎn)到后臺管理員登錄界面，輸入剛剛設(shè)置的賬號密碼即可登錄。
OneNav 搭建成功，此時訪問主頁，就可以看到自己的導(dǎo)航網(wǎng)站了！
5. OneNav 使用方法
- 網(wǎng)站前臺首頁地址：你的域名
- 網(wǎng)站后臺登錄地址：
http://域名/index.php?c=login
# 5.1 網(wǎng)站設(shè)置
進(jìn)入后臺，首先在「系統(tǒng)設(shè)置」中按需要修改網(wǎng)站設(shè)置。
設(shè)置說明：
- 站點(diǎn)設(shè)置：設(shè)置網(wǎng)站的標(biāo)題、Logo、關(guān)鍵詞、描述、自定義 header、自定義 CSS 等內(nèi)容；
- 主題設(shè)置：切換導(dǎo)航主題、修改主題設(shè)置（如是否顯示描述等）；
- 過渡頁面：網(wǎng)址跳轉(zhuǎn)頁面設(shè)置；
- 訂閱 & 更新：訂閱后可以在線更新和享受一對一服務(wù)；
- 獲取API：一般用戶用不到，可自行了解。
# 5.2 添加分類和鏈接
在側(cè)邊欄和頂部菜單中都有「添加分類」和「添加鏈接」按鈕，可以快速添加網(wǎng)站書簽。
設(shè)置說明：
- 字體圖標(biāo)：在名稱前添加圖標(biāo)；
- 權(quán)重：權(quán)重越高，顯示位置越靠前；
- 是否私有：設(shè)置私有的分類和鏈接只有登錄管理員才可以查看；
- 描述：網(wǎng)站標(biāo)題下的描述介紹。
也可以在前臺主頁直接添加站點(diǎn)或通過 Chrome 擴(kuò)展 OneNav 添加或者使用書簽。
# 5.3 修改分類和鏈接
如果要修改已經(jīng)添加的分類和鏈接，點(diǎn)擊「分類列表」和「我的鏈接」即可進(jìn)行編輯或刪除。
# 5.4 批量導(dǎo)入瀏覽器書簽
OneNav 支持把從 Chrome、Edge 和 Firefox 等瀏覽器導(dǎo)出的 HTML 書簽直接導(dǎo)入到數(shù)據(jù)庫中，批量導(dǎo)入，非常方便。
方法：側(cè)邊欄 書簽導(dǎo)入 → 選擇 HTML 書簽文件 → 開始導(dǎo)入
# 5.5 更換主題
主題文件位于 templates 目錄下，下載第三方主題后解壓到主題目錄中，然后在后臺啟用即可。
需要在網(wǎng)站標(biāo)題下展示描述內(nèi)容的話，可以將主題參數(shù)設(shè)置中的 link_description 修改為 show。
如果是訂閱用戶，可以直接在后臺下載商店中的主題。對主題有不滿意的地方，也可以找到主題文件手動修改。
常見問題 & 解決方法
1、訪問域名打不開網(wǎng)站等
域名購買和解析問題查看專題文章：
- Namesilo 域名購買及使用教程
- Namesilo DNS 域名解析教程和常見問題解決方法匯總
2、如何重置/修改用戶名和密碼
網(wǎng)站用戶信息保存在 data/config.php 文件中，打開該文件找到 'USER' 和 'PASSWORD' 后面的即為用戶名和密碼。
//用戶名define('USER','用戶名');//密碼define('PASSWORD','密碼');在寶塔中可以直接點(diǎn)擊編輯此文件，修改用戶名或密碼后保存即可生效。
3、更新升級
下載最新版網(wǎng)站代碼，解壓到網(wǎng)站目錄覆蓋即可。更新前記得先備份網(wǎng)站數(shù)據(jù)。
訂閱用戶可以在后臺「訂閱 & 更新」界面直接在線升級。
4、寶塔面板點(diǎn)擊個別按鈕沒反應(yīng)
5.9 老版本有可能出現(xiàn)部分窗口加載問題，遇到的話刷新幾次即可，也可自行去官網(wǎng)安裝最新版。
5、相關(guān)資料站點(diǎn)
- OneNav 官網(wǎng)：OneNav開源免費(fèi)的書簽（導(dǎo)航）管理程序
- OneNav 介紹：一篇文章帶你快速了解開源免費(fèi)的書簽（導(dǎo)航）管理程序OneNav - 小z博客
- 幫助文檔：https://doc.xiaoz.me/books/onenav
- GitHub：https://github.com/helloxz/onenav
- 備用下載地址：https://git.xiaoz.me/xiaoz/onenav
結(jié)語
OneNav 作為一個專門的書簽程序，非常輕量易用，搭建維護(hù)也比較簡單，只要認(rèn)真跟著教程，小白也可以搭建一個屬于自己的導(dǎo)航（書簽）站點(diǎn)。
無論是當(dāng)作全平臺同步的云書簽自己用，還是做站長公開來當(dāng)導(dǎo)航網(wǎng)站運(yùn)營，都是不錯的選擇。
如果你覺得本篇教程幫助到了你，記得分享點(diǎn)贊支持博主哦！
關(guān)鍵詞：教程,方法,使用,詳細(xì),導(dǎo)航
在線咨詢
