Hexo博客部署Gitalk评论踩坑

最新推荐文章于 2025-03-18 21:31:18 发布
最新推荐文章于 2025-03-18 21:31:18 发布
阅读量1.4k 收藏 4
点赞数 3
文章标签： hexo github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nocodeis/article/details/117826704
版权
本文讲述了作者在部署Hexo博客时遇到的Gitalk评论403和429问题，通过更换反向代理、自建Cloudflare代理和调整OAuth配置，最终解决了评论登录权限问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Hexo博客部署Gitalk评论踩坑

算了算自己瞎折腾好久，查了好久的百度都没能解决，最后在Google和Github上找到了正确的方案。只能说Github yyds～

在OAuth已搭建Gitalk

搭建步骤可自行百度，主要搭建完毕之后的后续步骤坑较大

起因：Request failed with status code 403

一直不明白这个原因是怎么造成的2211621189354_.pic

最后参考了这篇博客Gitalk 评论登录 403 问题解决

原因是：主题模版中的cors-anywhere反向代理已不支持直接使用，Gitalk的默认proxy为

Default: https://cors-anywhere.herokuapp.com/https://github.com/login/oauth/access_token.

所以在代理访问Github时会直接forbidden。参考博客中，对403出现的原因做了详细说明

解决403

博主的做法是：更换反向代理，直接白嫖别人代理。我也参照了博主的做法

我的博客主题是matery，所以在/thems/matery/_config.yml里添加自己定义的proxy

gitalk:
  enable: 
  owner: 
  repo: 
  oauth:
    clientId: 
    clientSecret: 
  admin: 
  proxy: https://netnr-proxy.cloudno.de/https://github.com/login/oauth/access_token

出先新问题429

但是会出现新的问题，Code：429

429的含义是收到了太多的请求，一开始还没意识到白嫖代理的问题，一直在想429就该怎么解决。知道后来才恍然大悟，我会白嫖，许多人也会白嫖，这个代理很多人都会使用，但是使用次数有限制，就会造成过多的人使用请求。

最后在Github的Gitalk后出现403错误讨论上搜到了比较简单的解决方案，自己部署反向代理。

自己部署反向代理

十分感谢Github上的问题讨论，为我提供了比较便捷的解决方案。虽然许多朋友都是白嫖别人代码的哈哈哈，我也想白嫖，但是我都耗在这个问题这么久了，不彻底解决不甘心啊。

于是参考了另一篇博客在cloudflare上创建一个免费的在线代理来解决gitalk授权登录报403问题

首先创建自己的一个ClOUDFLARE账号 点击CLOUDFLARE注册

选择Workers，创建免费的Workers

image-20210517025101581

免费版只有10w次请求，但是个人使用足以，填写二级域名后就可以创建完成。

随后：

  1. 将脚本代码删除

在这里插入图片描述

  1. 进入Zibri大佬的Github的repo中cloudflare-cors-anywhere复制index.js的内容到脚本文件中

    我看许多人的index.js都是参考他的，我是直接复制参考博主的index.js 指路博主仓库

  2. 保存并部署，复制自己的域名

    image-20210517030524711

  3. 修改_config.yml里的proxy

    将上述复制的值，作为proxy
    在这里插入图片描述

    一定要注意连接的地方，要加?,不然会出现no access token的错误

  4. 最后重新部署博客，搞定

    image-20210517030931909

Github真的yyds，上面有好多百度不到的问题解决方案，所以还是练好英文，多看看Google和Github吧～～终于解决问题了，可以睡个好觉了，现在是凌晨3：11.

出现Error: Validation Failed.

原因文章对应的 URL 过长，修改文件名长度，建议用英文，不然中文很容易太长

image-20210517033737893

Github真的yyds，上面有好多百度不到的问题解决方案，所以还是练好英文，多看看Google和Github吧～～终于解决问题了，可以睡个好觉了。
欢迎来我的博客www.zhulingang.com阅读更多内容

ZZZzzz-_-1
关注
【Hexo】基于Gitalk搭建评论功能
時光的博客
12-14 351
生成密钥后复制下来，找个记事本保存一下，只显示一次，后面会用到。在文章末尾评论处若显示以下内容则配置成功。1、创建一个开源仓库用于存储评论数据。使用github登录并进行授权。为例，通过 github 的。功能来存储和管理评论。重新生成网页文件并部署。授权后如下，可进行评论。可在配置的仓库中查看。
为使用hexo搭建的博客加入评论系统gitalk
ccbirds
01-29 538
使用hexo结合github搭建自己的个人博客网站，非常方便，而且免费，对于个人来说是一个不错的选择。不过有一个缺点是没有评论系统。需要自己额外引入评论插件。 现在常用的评论插件有三种： disqus：已经被墙了，暂时不考虑。 gitment：基于github的一个评论系统，但是作者长时间没有维护，需要使用自己的服务器。 gitalk：也是基于github的一个评论系统，目前可以正常使用。 主题不...
hexo主题的gitalk授权时403处理
一只90后单身汪的奋斗史~~
03-30 508
gitalk403, no access token配置处理。
Hexo配置Gitalk插件
Huiyu Blog
08-30 528
欢迎访问Huiyu的博客，欢迎留言！ 我留给自己的承诺是，等开通了留言插件，就开始公开这个博客，以及多面的我。 今天我会在这里记录一下Gitalk留言插件的开通流程。 个人博客中可用的留言插件有很多种：Gitalk、Gitment、Valine 、Disqus。。。推荐使用Gitalk. 1. GitHub Application 首先，拥有自己的Github账号，然后点击此处申请。 申请页面的...
python报错error loading package list:request failed with status code 403
LittleSprout的博客
03-18 310
通常出现这个错误是在安装python第三方库的时候出现，以安装jieba为例进行说明；
博客竟然没有评论系统？Gittalk插件踩坑指南｜原创
Daniel的博客
09-23 925
本文详细讲解了如何利用 Gittalk 为你的博客或者 GitHub Pages 快速增加评论插件，并且详细讲解了其中可能遇到的问题，非常易于上手！点击上方“后端开发技术”，选择“设为星标” ，优质资源及时送达使用GitHub Page 或者 Gitee Page搭建好静态网页博客之后，只有文章没有互动会显得很枯燥，但是需要评论功能就需要去撸业务代码，这样的成本未免太高。（如何搭建Pages请查看...
搭建评论系统，Gittalk插件踩坑指南｜玩转GitHub Pages三部曲（三）
Daniel的博客
02-23 1452
本文详细讲解了如何利用 Gittalk 为你的博客或者 GitHub Pages 快速增加评论插件，并且详细讲解了其中可能遇到的问题，非常易于上手！点击上方“后端开发技术”，选择“设为星标” ，优质资源及时送达使用GitHub Page 或者 Gitee Page搭建好静态网页博客之后，只有文章没有互动会显得很枯燥，但是需要评论功能就需要去撸业务代码，这样的成本未免太高。（如何搭建Pages请查看...
springboot跨域全局配置
ITzhongzi的博客
12-26 986
核心代码 package com.itzhongzi.videoedu.config; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframew...
前后端路径一致报Request failed with status code 404
一个天天与人打赌周更blog被迫极限一换一的程序员骚年
03-20 3568
前后端路径一致报Request failed with status code 404。
评论工具Gitalk不会用？详解Hexo博客中Gitalk的使用方式
Copanko的博客
04-10 1086
Hexo做出来的博客一般属于静态网页 所以一般要借助其他工具完成评论功能的实现 gitalk的原理是引出github内评论 当然与此同时也必须使用github账号才可以使用 而gitalk的描述十分难以理解 这里是一篇比较完整的教程 教程 首先对于单个网页 我们可以直接在md文件中添加如下代码 <div id="gitalk-container" style="padding: 0px 30...
Hexo博客部署至服务器
虚幻私塾
01-26 4085
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/course/detail/35475 前言 之前想给自己折腾出一个个人博客网站的时候，除了域名，还在阿里云买了一个一年的轻量级应用服务器。由于当时想让这个博客长期存在，并且也了解到了Hexo+GitHub的方案，所以我手头的两个域名（226yzy.top和226yzy.com），前者解析到了服务器上，后者我留给了G
hexo 博客next主题集成gitment或者gitalk评论系统
守望的博客-编程珠玑
10-20 5182
原文地址：hexo 博客next主题集成gitment或者gitalk评论系统前言之前使用多说，多说挂了，用网易跟帖代码，网易跟帖又没了。前段时间用来必力，感觉还行，但总归不踏实。后面发现有gitment，用github的issue作为评论载体，感觉靠谱许多。下面介绍一下hexo 的naxt主题中如何集成gitment以及gitalk评论系统。注：next主题版本为5.1.3,其他版本可能略有差异。
Error: Request failed with status code 403
weixin_42369418的博客
10-14 3万+
在你部署完springboot，然后再打开的时候，出现这个错误。 出现的这个原因是 然后你可以看到自己创建的项目里面很多文件都没有，包括pow文件。
403 禁止错误： 它是什么？如何修复？
wellshake的博客
07-12 2万+
403 错误超级烦人！什么是 403 禁止错误？如何解决？请从本篇博客找到答案。
为技术博客添加评论功能：Gitalk 教程与实战
爱媳妇儿爱编程
08-23 1319
Gitalk是一个基于 GitHub Issue 和 Preact 开发的评论插件。Gitalk是一个现代、无后端、基于GitHub Issue的评论系统，它允许网站访客使用GitHub账号登录并发表评论，所有评论数据都储存在相应的GitHub仓库中。（支持markdown语法这点对于惯于用md写博客的来说体验感蛮不错的。Gitalk具有以下特点集成简便：可以通过简单配置HTML标签属性或JavaScript进行初始化。无需后端服务：利用GitHub的Issues服务，不须自行搭建和维护后端。
Hexo 搭建博客使用 Gitalk 插件添加评论系统出现 Error:Validation Failed 问题的解决办法
M'Blog
11-04 3646
Hexo 搭建博客使用 Gitalk 插件添加评论系统出现 Error:Validation Failed 问题的解决办法出现原因解决办法1. 创建md5.min.js文件2. 修改gitalk.swig文件参考链接 本文章全部参考末尾所列文章，结构做了少许缩减和调整。 出现原因 这个问题就比较复杂了，部分文章的评论区会报Error: Validation Failed,具体原因是由于 Githu...
Error: Request failed with status code 404 at createError (createError、跨域问题、axios、404、500
m0_46183615的博客
11-14 2万+
前后端分离，写axios时常见报错 常见问题-跨域（要配置一下vue.config.js）噢 跨域的解释、定义：当前所在页面的url去请求后台提供的url的时候，这两个url的相比较之下，如果协议类型、域名、端口号其中任何一个不一致就会发生跨域问题 1. 404 可能是后端的bug，还没部署好(接口未处理)之类的 可能是前端问题：路径错误（拼写错误！！！） 跨域问题-路径没写对 这是我main.js的配置（个人习惯不一样，可能不同噢） 这是vue里面的写法，需要注意记着写写’${}‘否则
调用github API使用github OauthAPP实现网站授权登录功能
明月寄天涯的博客
08-06 1056
Request a user’s GitHub identity（请求一个github用户的id） GET https://github.com/login/oauth/authorize When your GitHub App specifies a login parameter, it prompts users with a specific account they can use ...
HTTP状态码429的含义
热门推荐
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-13 6万+
今天我写了一个很简单的nodejs应用，使用module request同时向jianshu网站发起数个异步请求，通过分页的方式向简书请求我所有的文章列表。 var request = require('request'); var jsdom = require("jsdom"); var JSDOM = jsdom.JSDOM; const PREFIX = "https://www.jian...
hexo博客部署到腾讯云
最新发布
03-27
<think>好的，用户想了解如何将Hexo博客部署到腾讯云。我需要根据提供的引用内容来整理步骤。首先，查看用户提供的引用，其中引用[1]提到了使用GitHub Actions自动部署到腾讯云COS，开启静态网站功能。引用[2]和[3]讨论了部署到腾讯云轻量服务器或服务器，包括环境准备和手动上传的方法。引用[4]虽然关于阿里云，但自动部署的思路可能类似。 用户的问题集中在腾讯云，所以需要区分两种部署方式：COS对象存储和轻量服务器。可能用户不清楚两者的区别，需要分别说明。根据引用内容，COS适合自动化部署，而服务器可能需要手动操作或脚本。 接下来要整理步骤。对于COS，需要创建存储桶，开启静态网站，配置GitHub Actions工作流，生成密钥，添加Secrets。对于服务器，可能需要安装Web服务器，配置Git钩子自动同步，或者使用rsync手动上传。引用[2]提到使用Git钩子，引用[3]可能有手动上传的方法。 需要注意步骤清晰，分点说明。同时，用户可能关心自动化，所以强调GitHub Actions的自动构建和部署。另外，要提醒安全设置，比如COS的权限和服务器密钥的保密。最后，生成相关问题，可能涉及优化、备份、HTTPS等。需要确保覆盖用户可能的后续问题。</think>### 如何将 Hexo 博客部署到腾讯云？ 部署 Hexo 博客到腾讯云主要有两种方式：**通过腾讯云 COS 对象存储**或**通过腾讯云轻量服务器**。以下是详细步骤： --- #### 一、部署到腾讯云 COS（推荐自动化） 1. **创建 COS 存储桶** - 登录腾讯云控制台，进入 [对象存储（COS）](https://console.cloud.tencent.com/cos5)； - 新建存储桶，选择与博客内容匹配的地域（如“北京”），设置访问权限为**公有读私有写**[^1]。 2. **开启静态网站功能** - 在存储桶的“基础配置”中启用“静态网站”功能，设置默认首页为 `index.html`，错误页面为 `404.html`。 3. **配置 GitHub Actions 自动化** - 在 Hexo 项目根目录下创建 `.github/workflows/deploy.yml` 文件，编写自动化脚本： ```yaml name: Deploy to Tencent COS on: [push] jobs: deploy: runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 - name: Setup Node.js uses: actions/setup-node@v2 with: node-version: '18' - run: npm install hexo-cli -g - run: npm install - run: hexo clean && hexo generate - name: Upload to COS uses: zkqiang/tencent-cos-action@v1 with: secret_id: ${{ secrets.SECRET_ID }} secret_key: ${{ secrets.SECRET_KEY }} cos_bucket: your-bucket-name-1250000000 cos_region: ap-beijing local_path: ./public remote_path: / ``` - 在 GitHub 仓库的 `Settings > Secrets` 中添加腾讯云 API 密钥 `SECRET_ID` 和 `SECRET_KEY`。 4. **触发自动部署** 每次将代码推送到 GitHub 仓库时，GitHub Actions 会自动构建 Hexo 静态文件并上传到 COS。 --- #### 二、部署到腾讯云轻量服务器（手动/半自动） 1. **服务器环境准备** - 安装 Nginx： ```bash sudo apt update && sudo apt install nginx -y ``` - 创建网站目录并设置权限： ```bash sudo mkdir -p /var/www/hexo sudo chown -R $USER:$USER /var/www/hexo ``` 2. **配置 Nginx** - 修改配置文件 `/etc/nginx/sites-available/default`： ```nginx server { listen 80; root /var/www/hexo; index index.html; server_name your_domain.com; location / { try_files $uri $uri/ =404; } } ``` - 重启 Nginx：`sudo systemctl restart nginx`[^2]。 3. **手动上传文件** - 本地生成 Hexo 静态文件： ```bash hexo clean && hexo generate ``` - 使用 `scp` 或 `rsync` 上传到服务器： ```bash scp -r ./public/* user@your_server_ip:/var/www/hexo ``` 4. **自动化脚本（可选）** 通过 Git 钩子或 CI/CD 工具（如 Jenkins）实现自动同步，参考[轻量服务器部署教程](^2)。 --- #### 注意事项 - **域名与 HTTPS**：建议绑定域名并申请 SSL 证书，提升访问安全性。 - **备份策略**：定期备份 Hexo 源码和 `public` 目录到私有仓库或 COS。 - **权限管理**：COS 存储桶需避免公开写权限，服务器 SSH 密钥需妥善保管。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值