子舒的博客
·
Nuxt.js 如何部署 Artalk 和遇到的问题
内容提要
本文介绍了如何在 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，需加上域名以避免问题。
延伸解读
部署环境的选择
在部署 Artalk 时，选择 Ubuntu 20.04 作为服务器环境是一个明智的决定，因为该版本的稳定性和社区支持较强。虽然其他版本也可以使用，但在配置和问题解决时，Ubuntu 20.04 的文档和资源更为丰富，能帮助用户更顺利地完成部署。
评论路径的严格性
Artalk 对评论路径的判断非常严格，类似于 https://example.com/1 和 https://example.com/1/ 的路径被视为不同的页面。这意味着在设计博客时，需统一路径格式，以避免评论数据的混乱。建议在博客中统一添加斜杠，以确保评论的准确性。
本地开发与域名问题
在本地开发时，使用 localhost:3000 可能会导致评论数据无法正确显示，因为 Artalk 的后端设计使得评论数据与域名绑定。开发者应注意在本地测试时，确保使用域名进行访问，以避免数据不同步的问题。
延伸问答
如何在 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 中引入相应的配置代码。
