子舒的博客
·
Nuxt.js 如何部署 Artalk 和遇到的问题
💡
原文中文，约3600字，阅读约需9分钟。
📝
内容提要
本文介绍了如何在 Ubuntu 20.04 上部署 Artalk，一个适合 Nuxt.js 博客的自托管评论系统。文章分为后端和前端部署两部分，详细说明了配置文件修改、Docker 容器创建和端口放行等操作步骤，并提供了处理评论路径和域名问题的解决方案。
🎯
关键要点
- Artalk 是一个适合 Nuxt.js 博客的自托管评论系统，支持后端部署。
- 部署分为后端和前端两部分，后端使用 Go 版本，前端使用 Vue + Nuxt 开发。
- 在 Ubuntu 20.04 上部署时，需通过 SSH 连接服务器并创建 ArtalkGo 目录。
- 下载配置文件模版并修改 conf.yml，主要设置站点名称、管理员和邮箱等。
- 使用 Docker 创建 Artalk 容器，并确保放行端口 8080。
- 前端组件 Comments.vue 需要在 /components 目录下创建，并在 nuxt.config.js 中引入。
- 处理评论路径问题时，需注意 URL 的严格判断，建议在博客中统一路径格式。
- 在本地构建时，评论数据不会同步到 localhost:3000，需加上域名以避免问题。
❓
延伸问答
如何在 Ubuntu 20.04 上部署 Artalk？
首先通过 SSH 连接服务器，创建 ArtalkGo 目录，下载并修改配置文件 conf.yml，然后使用 Docker 创建 Artalk 容器，并放行端口 8080。
Artalk 的前端和后端分别使用什么技术？
Artalk 的后端使用 Go 语言开发，前端使用 Vue 和 Nuxt.js。
在部署 Artalk 时需要注意哪些配置？
需要注意修改 conf.yml 中的站点名称、管理员和邮箱等设置，确保端口 8080 被放行。
如何处理 Artalk 的评论路径问题？
评论路径判断严格，建议在博客中统一路径格式，确保 URL 末尾有斜杠，以避免路径不一致导致的问题。
在本地构建时，如何避免评论数据不同步的问题？
在本地构建时，需加上域名以避免评论数据与 localhost:3000 不同步的问题。
如何在 Nuxt.js 中引入 Artalk 组件？
在 /components 目录下创建 Comments.vue 组件，并在 nuxt.config.js 中引入相应的配置代码。
➡️
