Geek_Blog

Geek Blog（暫停維護）

新一代Vue2 + Nuxt.js + Semantic UI 建立的個人博客，支援服務端渲染。

連結

• 示範站： blog.kamtao.com

• inis 介面文件： inis.cc

特徵

• 服務端渲染

• 支援行動端

• 支援暗黑模式、圓滑和銳利模式。

• 代碼拆分每一個page

• 僅載入關鍵css（頁面層級）

• 自訂底部等

• 路由平滑切換處理

安裝

專案基於inis 開發，相關API 需要inis 加持。

如未部署inis 部落格系統，請移步：https://inis.cn/#/article/1

前期準備

• 安裝好寶塔面板

• 一個可以連接你的伺服器的shh 工具

• 一顆堅持不懈的心（重要）

第一步

首先先安裝一下pm2 管理工具，到寶塔軟體商店裡面下載。 （如果已經安裝，請忽略此步驟）

第二步

添加站點，這個自行綁定域名哦

第三步

然後把整個nuxt 項目拷貝到網域綁定的目錄下（這個目錄位置是上一個步驟的目錄）

然後打開，專案檔nuxt.config.js，把api 位址修改為你的後台介面的域名，請參考圖示。

第四步

使用ssh 工具連接你的伺服器，之後進入到你網站目錄裡，如cd /www/xxx,之後執行指令

 # cd到网站目录（是你的项目目录）
$ cd /www/xxx

# 安装依赖（请注意 要在你的站点目录下执行，请注意node版本是14）
$ npm install  或者 cnpm install

# 构建你的项目
$ npm run build 或者 nuxt build

# 运行
$ pm2 start

# 测试一下
$ pm2 list

# 如果看到以下的样子 说明成功了

第五步

這時候如果沒有啥問題的話就成功了，之後我們去設置反向代理，找到剛剛創建的網站，點擊設置，找到反向代理，具體設置如圖

特別的：如果你目前的連接埠和你已經設定的衝突，那可以修改連接埠（在專案檔案根目錄的ecosystem.config.js），請注意修改後要重新啟動PM2。 (如果連接埠沒有衝突，請忽略）

 # 重启PM2
$ pm2 restart all

最後一步

• 這時候訪問一下，你的網址試試。到了這裡基本上已經成功了。

如果仍然無法訪問，有可能是連接埠的問題。 阿里雲、騰訊雲在安全小組那裡開放一下，寶塔的安全組也要開放。

enjoy it!

回饋

安裝和使用過程中，如果遇到問題，請給作者提起Issue 。 qq 交流群：632274746

貢獻

歡迎小夥伴以各種形式的貢獻，包括但不限於：介面、功能、改進、 修復Bug 等。