搭建博客中遇到的问题(Gitalk）

问题描述

在使用Hugo初始化静态页面时，使用了Diary主题，这款主题带有Gitalk功能模块，需要在cofig.toml内配置参数即可，一开始一切顺利，直到配置评论（Gitalk）时，出现了问题，一开始是网络连接错误[Error: Network Error] (问题解决方案可点击跳到相应部分)，后来又出现 [Error: Not Found] 是本次问题关注点，如需跳转，请点击下方快速跳转
问题描述
 环境介绍
 博客搭建
 解决方案
 代码
 结语

环境介绍

操作系统：Windows10
Git: 2.28.0 x64
静态博客生成工具：Hugo-0.74.3

博客搭建

详见我的另一篇文章搭建GithubPage博客(Hugo)

解决方案

Error: Network Error

首先，提示词已经非常清晰了，所以请检查配置文件config,toml内的[baseURL]设置是否与博客主页地址相同(URL大小写不敏感，但还是推荐统一使用小写)，另外，在我的测试过程中，Chrome与Edge(非Chrome内核版)加载Gitalk组件出现两种情况，Edge一切正常，Chrome提示[Error: Network Error],所以建议出现此问题时，尝试切换不同内核浏览器浏览，并使用CTRL+F5强制刷新，避免缓存影响测试。

注意 : 如果是用GitPage的博客地址，[https://XXX.github.io]后什么都不要加，还有属性要用""包裹，我改的时候有一次就把前面的"给删掉了。:(
Error: Not Found

这个提示词的意思是存放Gitalk评论内容的仓库配置有误，这个就需要到自己配置仓库的地方改了，我使用的是主题集成的方式，所以只需要到主题的配置文件config.toml内配置即可，如果是自己添加的Gitalk组件需要到你自己的配置文件处修改，内容为repo="[你的仓库名称]”(如repo="Gitalk"就行，不用加地址)

我在配置这个的时候，看过网上其他博客分享的文章，结合主题文档，自己配置了一下，一开始出现了[Error: Network Error]，但很快就解决了，接下来这个[Error: Not Found]可是把我折腾的够呛，主要是他们很多的实例中都会打马赛克，而文字说明又比较模糊，比如：[repo]="填写自己的仓库"，我每次都是填写了仓库的全地址。(因为Gitalk是将评论记录到issue中，所以我一开始使用的就是博客的仓库)

但一直不行，错误提示也一直没变，后来我又看了几篇帖子说是直接使用博客地址的，我又使用了本博客的地址https://jasssssson.github.io。一开始加上了[.git]尾缀，测试不行(那个时候，我还不知道浏览器差别，所以一会是[Error: Network Error]，后面改好后测试有些时候切换了浏览器，一会又是[Error: Not Found]，搞得我不知道到底是baseURL还是repo的问题了)，后来又看到了去掉[.git]的文章，又测试了好久，也毫无进展，直到我看到一篇很老的文章，他没有打码，感觉恍然大悟，立马修改，测试通过。:)

代码

config.toml

baseURL = "https://xxx.github.io"
DefaultContentLanguage = "zh" # Theme's display language, supports: en, fr, zh, zh-hant
languageCode = "en-us"
title = "xxx's Blog"
copyright = "xxx"
theme = "diary"

[markup]
[markup.highlight]
   codeFences = true
   guessSyntax = false
   hl_Lines = ""
   lineNoStart = 1
   lineNos = false
   lineNumbersInTable = true
   noClasses = true
   style = "monokai"
   tabWidth = 4

[params]
subtitle = "a subtitle"
enableGitalk = true # 开启Gitalk
favicon = "/images/icon.ico" # 显示在浏览器标签栏上的小图标，由于格式特殊，文件过小，所以就没有使用图床

# Twitter Card and Open Graph settings
enableOpenGraph = true
enableTwitterCards = true
title = "My Blog" # will set 'og:site_name'
description = "My HomePage Description"  # will set 'og:description'

[params.gitalk]
owner = "你的GitName"
repo = "你的仓库名称" # 如Gitalk
client_id = "" # 详情请见搭建GithubPage博客(Hugo)
client_secret = "" # 详情请见搭建GithubPage博客(Hugo)
[taxonomies]
   tag = "tags"
   category = "categories"

[[menu.main]]
url = "/categories" # 侧边栏映射
name = "categories" # 侧边栏名称(我的繁体字是输入就是繁体不是上面的DefaultContentLanguage)
weight = 2 # 优先级，越小越靠上
[[menu.main]]
url = "/tags"
name = "tags"
weight = 3
[[menu.main]]
url = "/posts"
name = "posts"
weight = 1
[[menu.main]]
url = "/index.xml"
name = "RSS Feed"
weight = 4

.md

title: "文章大标题"
date: 2020-08-11T14:15:30+08:00
description: "副标题"
#标签，会自动出现在Tags菜单内，但不会自动删除，需要使用Hugo重新生成public时才会去除
tags: [配置, github,blog]  
featured_image: "图片地址"
#分类
categories: 配置
#开启评论
comment : ture

结语

感谢阅读我的博客，希望能给你带来帮助。:) @jASSSSSSON

最后修改于 2020-08-11

问题描述

环境介绍

博客搭建

解决方案

`Error: Network Error`

`Error: Not Found`

代码

结语