search

xaoxuu / hexo-theme-stellar

内置文档系统的简约商务风Hexo主题，支持大量的标签组件和动态数据组件。
https://xaoxuu.com/wiki/stellar/
MIT License
1.19k stars 304 forks source link

waline、giscus评论组件一部署到生产环境就loading #441

Open resetsix opened 2 months ago

resetsix commented 2 months ago

检查清单

问题描述

giscus在本地就跑起来，但是部署到 vercel 生产环境之后就一直 loading；waline开发环境和生产环境都是 loading。

waline的serverURL服务确保可用；giscus在本地环境也确保能正常评论。摸了一天也没摸清楚生产环境转圈的原因，求解惑。

图片

// waline

comments:
  service: waline
  # Waline
  # https://waline.js.org/
  waline:
    js: https://unpkg.com/@waline/client@v2/dist/waline.js
    css: https://unpkg.com/@waline/client@v2/dist/waline.css
    # Waline server address url, you should set this to your own link
    serverURL: http://comment.resetsix.cn # waline 地址
    # If false, comment count will only be displayed in post page, not in home page
    commentCount: true
    # Pageviews count, Note: You should not enable both `waline.pageview` and `leancloud_visitors`.
    pageview: false
    emoji: 
      - https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs

// giscus

# comments:
#   service: giscus
#   # giscus
#   # https://giscus.app/zh-CN
#   giscus:
#     data-repo: resetsix/blog_giscus_comments # [在此输入仓库]
#     data-repo-id: R_kgDOLwyXtw # [在此输入仓库 ID]
#     data-category: Announcements # [在此输入分类名]
#     data-category-id: DIC_kwDOLwyXt84Ce0Nw
#     data-mapping: pathname
#     data-strict: 0
#     data-reactions-enabled: 1
#     data-emit-metadata: 0
#     data-input-position: top # top, bottom
#     data-theme: preferred_color_scheme
#     data-lang: zh-CN
#     data-loading: lazy
#     crossorigin: anonymous
resetsix commented 2 months ago

// _config.yml url: https://resetsix.cn

gsh1209 commented 2 months ago

你的主题使用了1.27.0最新版本，但是配置文件没有更新。新版本主题已经更新到waline3，你所使用的旧版配置文件还是waline2。

gsh1209 commented 2 months ago

看起来你使用了这个commit之前的配置文件 https://github.com/xaoxuu/hexo-theme-stellar/commit/bdef4a11ba567b1e80fe6baaec6a083c1d28188e

resetsix commented 2 months ago

看起来你使用了这个commit之前的配置文件 bdef4a1

太对了果然是这样，解决了感谢大佬。

我还有一个疑惑，单独访问评论的时候有上方的邮箱选项，但是在博客中却没有。我翻遍了文档和配置文件中也没找到是在哪里配置的。

图片 图片
gsh1209 commented 2 months ago

因为你已经登录了，你可以点头像旁边的❌退出之后刷新看看，或者用另外的浏览器访问一下

resetsix commented 2 months ago

因为你已经登录了，你可以点头像旁边的❌退出之后刷新看看，或者用另外的浏览器访问一下

抱歉再次打扰。我还有最后一个问题，代码托管到Github后，无论我将站点部署到Vercel还是 CF，都只能使用默认自带的域名才能显示评论框，而访问自定义域名还是 loading。

我初步以为是_config.yml中url值没有配置正确的原因，但始终通过访问自定义域名的时候就是一直转圈。

url: https://resetsix.cn

站点配置的自定义域名也是同上。DNS 解析应该也是正确的，不然网站应该都访问不了。

通过网络我发现访问默认域名的时候会请求 waline.js和 waline.css，但是自定义域名只有 waline.js的请求

resetsix commented 2 months ago
图片

默认域名 (有评论)

https://041ea7bd.kudoshinichix.pages.dev/1970/01/01/hello-world/

自定义域名 (loading)

https://resetsix.cn/1970/01/01/hello-world/
gsh1209 commented 2 months ago

你需要看一下waline的日志，在使用cn域名访问的时候出现了什么错误。另外可以发一下你的waline配置帮助判断。

resetsix commented 2 months ago

你需要看一下waline的日志，在使用cn域名访问的时候出现了什么错误。另外可以发一下你的waline配置帮助判断。

代码托管：Github 站点部署：Vercel或Cloudflare 问题描述：生产环境通过自定义域名访问时(cn域名)无法加载出waline组件，默认域名正常。本地启动访问也正常。 因为我没有其他的域名，所以无法测试其他域名的情况。

能加载出评论框的站点(默认域名)

https://blog-ruby-pi-11.vercel.app/hello-world/

一直loading转圈无法加载出评论框的站点(cn域名)

https://www.resetsix.cn

www替换成blog也行，但效果始终都是 loading。

评论服务（正常）

https://comment.resetsix.cn/

提示：开了代理，也尝试清除过浏览器缓存。Chrome、Firefox也都用过。 配置如下

comments:
  service: waline # beaudar, utterances, giscus, twikoo, waline, artalk
  comment_title: 快来参与讨论吧~
  # Waline
  # https://waline.js.org/
  waline:
    js: https://gcore.jsdelivr.net/npm/@waline/client@3.1.2/dist/waline.js
    css: https://gcore.jsdelivr.net/npm/@waline/client@3.1.2/dist/waline.css
    meta_css: https://gcore.jsdelivr.net/npm/@waline/client@3.1.2/dist/waline-meta.css
    serverURL: https://comment.resetsix.cn # 默认域名 https://blog-comments-indol.vercel.app #v
    commentCount: false
    pageview: false
    copyright: false
    lang: zh-CN

正常加载会请求如下接口

https://comment.resetsix.cn/api/comment

而访问自定义域名不会请求上面的接口（只有一个waline.js）。我在博客中手动请求也没出现拦截或跨域的问题（状态码 200）

gsh1209 commented 2 months ago

vercel上是有日志的，可能叫runtime logs，我已经不在vercel上部署了，没办法操作，你可以找一下你的vercel上面waline的日志

resetsix commented 2 months ago

runtime logs

图片

默认域名时的请求

图片

自定义域名就是不请求 comment 接口，反而去请求一个什么 rum 文件没见过

https://resetsix.cn/cdn-cgi/rum
图片 图片

为啥会报 405 呢我丢，服务器禁止了使用当前HTTP 方法的请求

gsh1209 commented 2 months ago

comment.resetsix.cn似乎是解析到了cloudflare ip。

这个问题我目前没有思路，建议你删除所有的waline服务、域名解析和绑定记录，严格按照waline的文档重新部署并绑定域名，不需要在不同平台做尝试，vercel能跑通就说明配置没有问题。

resetsix commented 2 months ago

comment.resetsix.cn似乎是解析到了cloudflare ip。

这个问题我目前没有思路，建议你删除所有的waline服务、域名解析和绑定记录，严格按照waline的文档重新部署并绑定域名，不需要在不同平台做尝试，vercel能跑通就说明配置没有问题。

虽然cn域名我在国内买的，但我把dns解析迁移到cf上的。所以waline自定义域名服务也是在cf上做的解析，但无论comment我是否只通过cf做dns解析代理加上也都这样。可能就是域名解析放在cf上的锅吧。

十分感谢回复，辛苦了。