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

# 安装依赖（请注意 要在你的站点目录下执行）
$ 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 等。