文章目錄

• • • • （一） 前言
      • （二）文檔說明
      • （三）安裝使用

（一） 前言

從事開發工作的同學肯定都有感覺在工作和學習中需要記錄的網站太多太多了，這其中包括公司協同開發的一些網址，還有個人學習想要收藏的一些工具、在線文檔、相關專欄等等，最近在GitHub上找到了一個很好的個人導航欄網頁項目WebStack。

整體看起來非常的美觀大氣。部署的方式也非常簡單，下面給出我的使用過程。

（二）文檔說明

靜態響應式網址導航網站
https://github.com/WebStackPage/WebStackPage.github.io/

說明：WebStackPage只有靜態網頁，如果想要簡單的話，那么可以選擇這個直接修改HTML代碼即可，這樣在遷移的時候也僅需要打包相關文件即可，而且你也可以放置一些內部的網址和賬號，完全屬于個人訪問

Demo演示地址
https://webstack.cc/

基于Java開發的后臺系統🔥(感謝@jsnjfz提供)
開源地址：https://github.com/jsnjfz/WebStack-Guns

說明：目前我所使用的方式是構建前后臺的方式，而且也是部署在內網服務器的。

（三）安裝使用

（1）數據庫腳本

category對應的是展示的側邊欄目錄分類
site 對應的是網站中心展示的導航欄標簽網站圖標和導航信息
（2）縮略圖文件
網址導航的縮略圖在/static/tmp下，這個需要注意下，設置自定義的服務器目錄，這樣以后遷移的時候直接把這些縮略圖復制遷移即可，注意保存

（3）部署
1：將WebStack-Guns項目導入本地修改數據庫配置和文件路徑啟動即可
2：將該項目打包部署到服務器
3：訪問地址：
網頁：[ip]:[port]
后臺：[ip]:[port]/admin admin/111111
4：數據庫只要遷移倆張表即可：category和site
5：遷移服務器存儲的縮略圖 [file-upload-path]

總結

以上是生活随笔為你收集整理的五分钟使用WebStack构建个人网址导航的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。