2023年搭建博客Gridea+Github+cloudflare+Valine评论

最新推荐文章于 2024-04-20 16:26:51 发布

踩坑运动员

最新推荐文章于 2024-04-20 16:26:51 发布

阅读量605

点赞数

文章标签： github git 运维开发

本文链接：https://blog.csdn.net/qq_18463141/article/details/129446231

版权

搭建原因

一直都想搭建一个属于自己的博客系统。因为平时自己也喜欢折腾很多项目，踩过不少坑。
年纪轻轻记性也是逐年下降，是要把知识存储在一个地方了。

关于此篇文章

系统是当天搭建文章是次日完成
属于是趁热打铁了
一些简单的注册步骤不再记录
主要讲一些容易出错的地方

Github

登录 GitHub 之后
点击创建令牌
如下图所示，勾选repo即可。
创建一个公开的仓库
点击setting设置好名称，如下图

之后设置pages

Custom domain：自己的域名

Gridea

官网下载windows系统下的安装包
Gridea官网
Git下载
Git安装后的验证方式
安装后打开Gridea

如图所示

域名：之后将使用自定义域名，所以不设置成github的地址
仓库名称：你的用户名+github.io
分支：main
仓库用户名：你的用户名
邮箱：你的github账号的邮箱
令牌：Github上的token

检测远程连接

必须设置代理！我因为没有设置代理，检测远程连接总是失败！
如果偶尔突然一次的检测成功但是没办法同步成功应该是bug

同步

开了代理之后，同步一次搞定

cloudflare

我的cloudflare是经过设置的，所以我直接设置dns即可
后面会出cloudflare的设置教程，网上大部分都是cloudflare老版的设置，我也是看了很多教程

进入cloudflare找到dns，添加一条CNAME记录，目标我用了blog为我的二级域名，记录是GIthub的仓库地址。
如下图所示

Valine评论

注册Valine
Valine官网
获取key和id
设置-应用凭证-保留AppID和AppKey
在主题里添加上如下代码

我使用的主题是：bitcron-pro
下载之后解压到themes目录下，注意文件嵌套
修改主题文件_blocks下的gitalk.ejs文件，将内容删除，添加以下代码

    <!--评论显示区，请插入合适的位置-->
    <div id="comment"></div>
    <!--Leancloud 操作库:-->
    <script src="//cdn1.lncld.net/static/js/3.6.1/av-min.js"></script>
    <!--Valine 的核心代码库-->
    <script src="//cdn.jsdelivr.net/npm/valine@1.4.4/dist/Valine.min.js"></script>
    <script>
        new Valine({
            el:'#comment',
            appId: 'AppID',
            appKey: 'AppKey',
            placeholder: 'ヾﾉ≧∀≦)o快来评论一下吧!',
            avatar:''
        });
    </script>

打开Gridea的评论

总结

一套流程下来也折腾了快一天时间，主要是Gridea的官方上手教程不太详细，网上的教程又太古老
可以把Gridea的保存路径存放在onedriver的同步文件夹，可以多设备同步
重点如果设置自定义域名出现问题，比如样式加载不出来，官方给的回答是http和https不匹配的原因，在我实际操作中发现应该是域名那里填写自己的域名而不是像官方教程里写的填写github的仓库地址，因为你写仓库地址而github已经使用了你的域名，所以样式和图片都无法读取到。这里至少卡了我2个小时。