Next主题增加 Waline评论系统 前言原教程源自 谢同学 为 Next 主题添加 Waline 评论系统 教程演示版本为 Next 8.12.2注：经测试 5.1.4 ， 7.8.0 版本装完插件后都会报错。 测试当前最新版 8.12.2 是可用， 从 8.0.0 ~ 8.12.2 之间版本请自行测试。教程配置 LeanClou 国际版登录 / 注册 LeanClou 国际版点击 创建应用 ，自定义名称 ， 选择 开发版找到 设置 ，点击 安全中心 ， 把 数据储存 打开，其余全关闭找到 云引擎 ， 点击 WEB ， 后再点击 部署点击 部署项目 ，后点击 Git 部署 , 再点击 配置 Git ，把 https://github.com/W4J1e/Hexo-Valine-ASPush 输入， 保存 https://github.com/W4J1e/Hexo-Valine-ASPush点击 部署项目 ， 后 下拉 点击 部署 ，等待部署完成找到 定时任务 ，点击 创建定时任务 ，配置 以下内容 共两个 ， 保存 名称： 唤醒服务器 函数： self_wake 表达式： 0 0/30 7-23 * * ? 名称： 复查 函数： resend_mails 表达式： 0 0 8 * * ?注：如遇到不显示函数，刷新页面即可；还不显示就回到主页，再进配置页面找到 设置 ，点击 添加 ， 配置 以下内容 ， 保存 (该部分配置为游客评论邮箱提醒功能)SENDER_NAME 博主名 SITE_NAME 博客名 SITE_URL 博客网址 SMTP_PASS 授权码 SMTP_SERVICE 邮箱 SMTP_USER 博主邮箱 TEMPLATE_NAME rainbow变量名变量值SENDER_NAME博主用户名SITE_NAME博客名SITE_URL博客网址SMTP_PASS授权码SMTP_SERVICE邮箱SMTP_USER博主邮箱TEMPLATE_NAMErainbow我的配置 ⭣变量名变量值SENDER_NAMEReverseSITE_NAMEReverse -s blogSITE_URLhttps://next.c12th.cnSMTP_PASSsjlzxxxxxxxxxxxxSMTP_SERVICEqqSMTP_USER1308168694@qq.comTEMPLATE_NAMErainbow回到 部署 页面，点击 部署 配置即可生效回到 设置 页面，点击 应用凭证 ， 记录好 AppID ， AppKey 和 MasterKey 的值配置 Vercel原教程源自 官方文档登录 / 注册 Vercel 账号点击 + New Project选择 Import Third-Party Git Repository →输入 https://github.com/walinejs/waline/tree/main/example ，点击 Continue ，自定义名称 ， 点击 Create ，等待部署 https://github.com/walinejs/waline/tree/main/example部署完成后，找到 Settings ，点击 Environment Variables ，把在 LeanClou 国际版 获得的 AppID ， AppKey 和 MasterKey 的值 对应添加填入LEAN_ID AppID的值 LEAN_KEY AppKey的值 LEAN_MASTER_KEY MasterKey的值NAMEVALUELEAN_IDAppID的值LEAN_KEYAppKey的值LEAN_MASTER_KEYMasterKey的值找到 Deployments ，点击 ⋮ ，后点击 REDEPLOY ， 重新部署即可重新部署后，域名 + /ui 进入配置页面 ，自行配置 域名+/uiNext主题配置安装 插件 npm install @waline/hexo-next在 主题 _config.yml 配置文件，最后一行 增加以下内容# Waline # For more information: https://waline.js.org, https://github.com/walinejs/waline waline: enable: true #是否开启 serverURL: waline-server-pearl.vercel.app # Waline #服务端地址，我们这里就是上面部署的 Vercel 地址 placeholder: 请文明评论呀 # #评论框的默认文字 avatar: mm # 头像风格 meta: [nick, mail, link] # 自定义评论框上面的三个输入框的内容 pageSize: 10 # 评论数量多少时显示分页 lang: zh-cn # 语言, 可选值: en, zh-cn # Warning: 不要同时启用 `waline.visitor` 以及 `leancloud_visitors`. visitor: false # 文章阅读统计 comment_count: true # 如果为 false , 评论数量只会在当前评论页面显示, 主页则不显示 requiredFields: [] # 设置用户评论时必填的信息，[nick,mail]: [nick] | [nick, mail] libUrl: # Set custom library cdn url 三连 即可 hexo clean && hexo g && hexo s

解决Butterfly主题图标不显示问题 前言解决Butterfly主题图标不显示问题五天前 jsdelivr 突然不能用了，导致一些借助cdn加速的资源也用不了了，现在 jsdelivr 也是属于不稳定的状态。 这几天感觉 jsdelivr 变稳定了？ 我尝试过换cdn，但除了图标外其他都能正常使用，唯独图标不能正常显示。 这里分享下解决方法。主题作者在 4.3.0 版本发布了可以换源的方法！ 这里分享从 4.2.0 以下 && 4.2.0 及以上 版本的解决方法解决方法主题 4.3.0 及以上作者在 4.3.0 版本发布了 CDN 可一鍵配置 cdnjs 或 unpkg 这一设定，也就是说我们除了可以调回本地外， 还能直接换源 ，换源会比本地调用要快很多。CDN: # The CDN provider of internal scripts (主題內部 js 的 cdn 配置) # option: local/jsdelivr/unpkg/cdnjs/custom # Dev version can only choose. ( dev版的主題只能設置為 local ) internal_provider: local # The CDN provider of third party scripts (第三方 js 的 cdn 配置) # option: local/jsdelivr/unpkg/cdnjs/custom # when set it to local, you need to install hexo-butterfly-extjs third_party_provider: jsdelivr这里还是推荐用 unpkg 的加速源主题 4.2.0 及以上主题作者在 4.2.0 版本发布了 cdn 可一鍵設置 本地文件/可單獨配置主題文件，第三方文件的 cdn 这一设定，也就是说我们在 cdn 无法使用 的情况下可以调回本地。方法之一下载 插件npm install hexo-butterfly-extjs修改 [Blogroot]\themes\butterfly\ _config.yml 配置文件 即可- third_party_provider: jsdelivr + third_party_provider: local主题 4.2.0 以下由于 4.2.0 以下 版本无法调回本地，这里使用 cdnjs 。(由于 cdnjs.cloudflare.com 被影响了，需要用加速，所以直接参考 方法二 )方法一 (不推荐)查找当前主题使用 fontawesome 的版本号，在 cdnjs 里 搜索如：我当前主题 3.7.0 ，用的是 fontawesome 6.1.1 的版本，替换链接 即可 (如不清楚当前主题使用哪个版本，需下载 fontawesome 原文件查看，请自行挖掘如何下载)- fontawesome: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css+ fontawesome: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css由于 cdnjs.cloudflare.com 被影响了，需要用加速才能使用 ， 加速方法参考下面链接 ， 能访问 Github 就能使用，非魔法如何优雅的加速Github方法二 (推荐)从原链接可以看出，除了用 jsdelivr 的加速源，还能使用 unpkg 的加速源在 fontawesome 的 npm仓库 里 查找对应版本三选一 (当前主题 3.7.0 ，用的是 fontawesome 6.1.1 的版本) fontawesome: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css # jsdelivr fontawesome: https://unpkg.com/@fortawesome/fontawesome-free@6.1.1/css/all.min.css # unpkg fontawesome: https://npm.elemecdn.com/@fortawesome/fontawesome-free@6.1.1/css/all.min.css # 部分会屏蔽补充其实还可以 自行搭建cdn ，另外还有别的方法没有使用过，可自行尝试挖掘。

把github贡献日历部署到博客上(一) 前言此教程仅在 Butterfly 主题演示该教程与原教程 大同小异 。原教程源自 小冰 大佬。效果展示教程公共 api插件的原理和部署的教程 小冰 大佬 在 原文 已经说得很详细了，这里直接演示 简化版 。下载 插件 npm i hexo-githubcalendar --save在 博客 根目录 _config.yml 配置文件，增加以下内容# Ice Kano Plus_in # Hexo Github Canlendar # Author: Ice Kano # Modify: Lete乐特 githubcalendar: enable: true enable_page: / user: zfour layout: type: id name: recent-posts index: 0 githubcalendar_html: '<div class="recent-post-item" style="width:100%;height:auto;padding:10px;"><div id="github_loading" style="width:10%;height:100%;margin:0 auto;display: block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50" xml:space="preserve"><path fill="#d0d0d0" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z" transform="rotate(275.098 25 25)"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"></animateTransform></path></svg></div><div id="github_container"></div></div>' pc_minheight: 280px mobile_minheight: 0px color: "['#ebedf0', '#fdcdec', '#fc9bd9', '#fa6ac5', '#f838b2', '#f5089f', '#c4067e', '#92055e', '#540336', '#48022f', '#30021f']" api: https://python-github-calendar-api.vercel.app/api # api: https://python-gitee-calendar-api.vercel.app/api calendar_js: https://npm.elemecdn.com/reverse-stu-allversions@1.0.1/butterfly/diy/hexo_githubcalendar.js plus_style: ""修改配置改为自己的 github / gitee 的用户名 user: zfour默认 github ，如用 gitee 换成下面的api: https://python-github-calendar-api.vercel.app/api # github # api: https://python-gitee-calendar-api.vercel.app/api # gitee 由于cdn的原因我换了个cdn 哪个速度快用哪个calendar_js: https://npm.elemecdn.com/reverse-stu-allversions@1.0.1/butterfly/diy/hexo_githubcalendar.js # calendar_js: https://unpkg.com/reverse-stu-allversions@1.0.1/butterfly/diy/hexo_githubcalendar.js 颜色 配置源自 店长 大佬color: "['#ebedf0', '#fdcdec', '#fc9bd9', '#fa6ac5', '#f838b2', '#f5089f', '#c4067e', '#92055e', '#540336', '#48022f', '#30021f']" #浅紫色调 # color: "['#e4dfd7', '#f9f4dc', '#f7e8aa', '#f7e8aa', '#f8df72', '#fcd217', '#fcc515', '#f28e16', '#fb8b05', '#d85916', '#f43e06']" #橘黄色调 # color: "['#ebedf0', '#f0fff4', '#dcffe4', '#bef5cb', '#85e89d', '#34d058', '#28a745', '#22863a', '#176f2c', '#165c26', '#144620']" #翠绿色调 # color: "['#ebedf0', '#f1f8ff', '#dbedff', '#c8e1ff', '#79b8ff', '#2188ff', '#0366d6', '#005cc5', '#044289', '#032f62', '#05264c']" #天青色调保存配置后，三连hexo clean && hexo g && hexo s自搭 api除了用提供的 公共api 外，还可以 自搭api 。小冰 大佬 在 github 仓库 也发布了详细的教程，这里也是 简化版 。注册一个 Vercel 账号点击 + New Project选择 Import Third-Party Git Repository →填入 https://github.com/Zfour/python_github_calendar_api ，点击 Continue https://github.com/Zfour/python_github_calendar_api选择 储存库 ，这里我以 Github 为例，选择 Github默认 勾选 Create private Git Repository ，点击 Create ，部署需等待几分钟部署完毕后在 DOMAINS 会出现提供的域名，访问域名：访问格式 域名/api/?用户名 域名/api/?用户名有数据反馈 ，则表示搭建成功把 公共 api 改为 自搭 api 即可, 注意格式- api: https://python-github-calendar-api.vercel.app/api + api: 域名/api如搭建的是 gitee ，则把填入 链接 换成 https://github.com/Zfour/python_gitee_calendar_api ，其余步骤同上 。 https://github.com/Zfour/python_gitee_calendar_api保存配置后，三连 hexo clean && hexo g && hexo s补充第二篇 把github贡献日历部署到博客上(二)自搭 api 的 域名 是可以 自定义的，需绑定好 vercel 提供的 cn如果无法访问github可以看下这个 如何优雅的加速Github

把github贡献日历部署到博客上(二) 前言原教程已经说得很详细了，这里演示 简化版原教程源自 Gainii 大佬效果展示教程直接部署这里用到了 2016rshah 大佬 的方法。 <img src="https://ghchart.rshah.org/github用户名" alt="github用户名's Github chart" />这个方法最绝的地方是，将你自己的贡献日历变成了图片，只需要使用一行 HTML 语句，就可以在任何地方使用贡献日历。如我在当前页面下部署 <img src="https://ghchart.rshah.org/12thstan" alt="12thstan's Github chart" />自定义 颜色自定义 颜色 #000000 十六进制颜色代码 注意格式不带# <img src="https://ghchart.rshah.org/000000/github用户名" alt="github用户名's Github Chart" />蓝色 #0000FF <img src="https://ghchart.rshah.org/0000FF/12thstan" alt="12thstan's Github Chart" />红色 #ff0000 <img src="https://ghchart.rshah.org/ff0000/12thstan" alt="12thstan's Github Chart" />绿色 #00785D <img src="https://ghchart.rshah.org/00785D/12thstan" alt="12thstan's Github Chart" />部署到 Next 主题这部分是关于 Next 主题的设置，请 点击链接 移步到 Next 主题把github贡献日历部署到博客上(二)补充如不能使用 HTML语句 可看另一种写法 把github贡献日历部署到博客上(二)第一篇 把github贡献日历部署到博客上(一)

如何优雅的加速Github 前言加速的方法有多种，这里只演示我常用的三种方法。平常我们浏览Github的时候，常常都会遇到 服务器抽风 的问题，面对这些问题有下面 三种解决方法 。Steam + +Steam + +Steam + +多平台Steam辅助工具箱，对于经常访问Steam社区的同学应该不陌生，Steam + +不仅可以加速 Steam社区 ，还能加速 Github 、一些主流启动器 、微软商店 和 P站 (Pixiv是一个以插图、漫画和小说、艺术为中心的社交网络服务里的虚拟社区网站) 等。 因为Steam + + 主要面向Steam，所以这里主要说明加速Github。Steam + + 还有很多强大的功能，请自行下载体验。 （第一次使用需要在软件里安装SSL证书。）UsbEAm Hosts EditorUsbEAm Hosts EditorUsbEAm Hosts Editor强大的多平台加速工具 羽翼城 大佬yyds使用教程：选择 Github - 开源社区 推荐选择 上图二选一 只测试并使用过这两个，其他请自行测试检测延迟应用选中 选择 延迟最小 （第一次使用需要在软件里安装SSL证书）手动配置Hosts第三种方法参考 原文 ，该说明为修改版。感谢 削微寒 大佬 提供解决方案感谢 Acwinuxos系统 原文整理修改教程：点击下载点击下载Hosts作者更新了，去 复制粘贴 最新 -> 2022-01-01T00:05:46+08:00作者更新了，去 复制粘贴 最新 -> 2022-01-01T20:07:29+08:00作者更新了，去 复制粘贴 最新 -> 2022-01-02T10:21:15+08:00作者更新了，去 复制粘贴 最新 -> 2022-01-02T14:06:24+08:00已停止同步更新，如需最新Hosts配置，可到作者Github查看，或使用作者提供的方法。复制粘贴（2022-01-02）# GitHub520 Host Start 140.82.112.26 alive.github.com 140.82.114.25 live.github.com 185.199.108.154 github.githubassets.com 140.82.114.21 central.github.com 185.199.108.133 desktop.githubusercontent.com 185.199.108.153 assets-cdn.github.com 185.199.108.133 camo.githubusercontent.com 185.199.108.133 github.map.fastly.net 199.232.69.194 github.global.ssl.fastly.net 140.82.113.3 gist.github.com 185.199.108.153 github.io 140.82.112.4 github.com 192.0.66.2 github.blog 140.82.114.5 api.github.com 185.199.108.133 raw.githubusercontent.com 185.199.108.133 user-images.githubusercontent.com 185.199.108.133 favicons.githubusercontent.com 185.199.108.133 avatars5.githubusercontent.com 185.199.108.133 avatars4.githubusercontent.com 185.199.108.133 avatars3.githubusercontent.com 185.199.108.133 avatars2.githubusercontent.com 185.199.108.133 avatars1.githubusercontent.com 185.199.108.133 avatars0.githubusercontent.com 185.199.108.133 avatars.githubusercontent.com 140.82.113.9 codeload.github.com 54.231.133.17 github-cloud.s3.amazonaws.com 52.217.95.25 github-com.s3.amazonaws.com 52.216.153.172 github-production-release-asset-2e65be.s3.amazonaws.com 52.217.199.249 github-production-user-asset-6210df.s3.amazonaws.com 52.217.200.1 github-production-repository-file-5c1aeb.s3.amazonaws.com 185.199.108.153 githubstatus.com 64.71.144.202 github.community 23.100.27.125 github.dev 185.199.108.133 media.githubusercontent.com 185.199.108.133 cloud.githubusercontent.com 185.199.108.133 objects.githubusercontent.com # Update time: 2022-01-02T14:06:24+08:00 # Update url: https://raw.hellogithub.com/hosts # Star me: https://github.com/521xueweihan/GitHub520 # GitHub520 Host End 先 下载 或 复制 Hosts内容 ↑ ↑ ↑找到 Hosts文件所在系统的目录Windows 系统： C:\Windows\System32\drivers\etc\hostsLinux 系统： /etc/hostsMac（苹果电脑）系统： /etc/hosts把 下载 或 复制 的内容 复制到文本末尾Windows 使用记事本 打开Linux、Mac 使用 Root 权限：sudo vi /etc/hosts 打开保存后激活，刷新 DNSWindows：在 CMD 窗口输入：ipconfig /flushdnsLinux 命令：sudo nscd restart，如报错则需要安装：sudo apt install nscd 或 sudo /etc/init.d/nscd restartMac 命令：sudo killall -HUP mDNSResponder由于作者更新较为频繁，而且作者也提供了更新Hosts配置的方法。 其实是我懒作者在 Github 上提供了 4 种 更新Hosts配置的方法，这里列举 1 种。Chrome 插件方法：下载 FasterHosts解压后找到“ extension ”文件夹打开 Chrome ，输入： chrome://extensions/ ， 这里要开启「开发者模式」 选择 「加载已解压的扩展程序」 ，然后定位到刚才解压的文件夹里面的 “ extension ”文件夹， 确定新增感谢 X. I .U 大佬 的脚本有一种不需要额外软件加速的方法：安装 油猴插件 ， 安装正式版「Tampermonkey Stable」 安装 Github 增强 脚本即可一般默认即可，如需 点击切换 即可 容易遇到的问题使用以上方法(除新增)，在本地推送到github仓库上时容易出现的问题：fatal: unable to access 'https://github.com/.......': OpenSSL SSL_read: Connection was reset解决方法 关闭ssl验证 git config --global http.sslVerify "false"重新推送即可补充搭建博客上传到Github仓库 或 克隆Github上的主题，推荐采用 第一种 、 第二种 和 第三种 方法。第三种方法 Hosts 配置，这里已停止同步更新，如需最新配置可到作者Github上查看。使用上面的方法也会概率性出现服务器抽风，不要方，你只需要刷新，等待，重启软件......