安知鱼主题进阶配置 评论 开启评论需要在 comments-use 中填写你需要的评论。
支持双评论显示,只需要配置两个评论(第一个为默认显示)
1 2 3 4 5 6 7 8 9 10 comments: use: Twikoo text: false lazyload: true count: true card_post_count: true
参数
解释
use
使用的评论(请注意,最多支持两个,如果不需要请留空)
text
是否显示评论服务商的名字
lazyload
是否为评论开启 lazyload,开启后,只有滚动到评论位置时才会加载评论所需要的资源(开启 lazyload 后,评论数将不显示)
count
是否在文章顶部显示评论数
card_post_count
是否在首页文章卡片显示评论数
Twikoo Twikoo
是一个简洁、安全、无后端的静态网站评论系统,基于腾讯云开发 。
具体如何配置评论,请查看 Twikoo 文档
你只需要把获取到的 环境 ID (envId)
填写到配置上去就行
修改 主题配置文件
1 2 3 4 5 6 7 twikoo: envId: region: visitor: true option:
参数
解释
envId
环境 ID
region
环境地域,默认为 ap-shanghai,如果您的环境地域不是上海,需传此参数
visitor
是否显示文章阅读数
option
可选配置
card_post_count
是否在首页文章卡片显示评论数
开启 visitor 后,文章页的访问人数将改为 Twikoo 提供,而不是 不蒜子
首页技能点配置 [blog]代表你的博客根目录。示例数据中的图片链接为本人图床,请自行上传至您自己的图床,(不保证永久可用性)。
主题配置文件,关闭peoplecanvas.enable
1 2 3 4 peoplecanvas: enable: false img: https://upload-bbs.miyoushe.com/upload/2023/09/03/125766904/ee23df8517f3c3e3efc4145658269c06_5714860933110284659.png
创建[blog]/source/_data/creativity.yml
,输入以下内容
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 - class_name: 开启创造力 creativity_list: - name: Java color: "#fff" icon: https://bu.dusays.com/2023/04/09/643293b1184e9.jpg - name: Docker color: "#57b6e6" icon: https://bu.dusays.com/2023/04/09/643293b0f0abe.png - name: Photoshop color: "#4082c3" icon: https://bu.dusays.com/2022/12/15/639aa3a5c240e.png - name: Node color: "#333" icon: https://npm.elemecdn.com/[email protected] /img/svg/node-logo.svg - name: Webpack color: "#2e3a41" icon: https://bu.dusays.com/2023/04/09/643293b68026c.png - name: Pinia color: "#fff" icon: https://npm.elemecdn.com/[email protected] /img/svg/pinia-logo.svg - name: Python color: "#fff" icon: https://bu.dusays.com/2023/04/09/643293b1230f7.png - name: Vite color: "#937df7" icon: https://npm.elemecdn.com/[email protected] /img/svg/vite-logo.svg - name: Flutter color: "#4499e4" icon: https://bu.dusays.com/2023/04/09/643293b1055c2.png - name: Vue color: "#b8f0ae" icon: https://bu.dusays.com/2023/04/09/643293b6788bd.png - name: React color: "#222" icon: data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K - name: CSS3 color: "#2c51db" icon: https://bu.dusays.com/2022/12/15/639aa3a5c251e.png - name: JS color: "#f7cb4f" icon: https://bu.dusays.com/2023/04/09/643293b121f02.png - name: HTML color: "#e9572b" icon: https://bu.dusays.com/2022/12/15/639aa3a5c241c.png - name: Git color: "#df5b40" icon: https://bu.dusays.com/2023/04/09/643293b10ccdd.webp - name: Apifox color: "#e65164" icon: https://bu.dusays.com/2022/11/19/6378d6458c6b6.png
此时可以看到首页顶部已经有技能点的轮播了。
文字部分在主题配置文件中home_top
配置项修改
字数统计 要为 AnZhiYu 配上字数统计特性, 你需要如下几个步骤:
打开 hexo 工作目录
1 2 3 npm install hexo-wordcount --save 或者 yarn add hexo-wordcount
修改 主题配置文件:
1 2 3 4 5 wordcount: enable: true post_wordcount: true min2read: true total_wordcount: true
搜索系统 本地搜索 记得运行 hexo clean
你需要安装 hexo-generator-search ,根据它的文档去做相应配置
修改 主题配置文件
1 2 3 4 local_search: enable: false preload: false CDN:
参数
解释
enable
是否开启本地搜索
preload
预加载,开启后,进入网页后会自动加载搜索文件。关闭时,只有点击搜索按钮后,才会加载搜索文件
CDN
搜索文件的 CDN 地址(默认使用的本地链接)
定制化的右键菜单 开启rightClickMenu
即可。
1 2 3 rightClickMenu: enable: true
页面卡片顶部气泡升起效果
深色模式粒子效果canvas 1 2 3 universe: enable: true