首先祝大家中秋节快乐!!!

已经20天没有写文章了,期间我修改过旧笔记中错误的表述,用网站更新日期来证明我没断更!后来博客出现了大面积404、加载失败,不知道的人可能以为我run了,赶紧写一篇日记证明我还在!不过维护了这么久博客,纠错思维也明显提升嘿嘿

维护博客

2022.09.04 vercel.appGithub 一样受到了中国大陆的DNS污染,这是博客404的主要原因!

评论系统

首先是我的评论系统,采用twikoo系统前端部署于『vercel』+后端『MongoDB』数据库,那天崩了以后,我发现有的人评论系统正常访问,但是有的人和我一样。首先想到的是检查前端的ip地址,在任意博文下,开发者模式-网络-twikoo开头的api地址:twikoo-flame-ro.vercel.app,请求标头状态码已错误。再找一个评论正常的博客,比如我现在的博客,利用同样的方法找到api地址twikoo.zhangshier.vip,请求正常,但发现都是vercel部署,但控制台远程地址不同。拿电脑ping一下

url 主机ip
twikoo-flame-ro.vercel.app 31.13.96.193
twikoo.zhangshier.vip 76.76.21.142

原来vercel在自定义域名后会指向另一台主机,大陆对vercel.app做了DNS污染,绑定了一个自定义域名后解决了评论问题。之后在其它群果然看到了vercel被墙的消息,哎难过

Githubcalendar与时钟

首页的Github贡献日历,加载空白,问题同上,好在@小冰老师及时更新了api接口,我直接更换就可以了

右侧的时钟,出现乱码,@Akilar也及时做了维护

博文封面

在这之前,我没有刻意为每一篇文章设置封面,而是一直用的随机图片: https://picsum.photos/ , 好多风景图,质量也特别好,赏心悦目!但是主站访问返回错误码1020,根据Cloudflare文档是网站作者做了防火墙规则阻止。不知道是有心还是无意,尝试在推特留言,但是过了好久都没得到回复,作者也没有义务提供免费的图库,只好自己动手

日记12

方案一,原本想请@萌新源,帮我做一个PHP(太执着于url控制长宽这个东西了),原先是地址+随机数种子+长+宽,例如https://picsum.photos/seed/romant/1920/942,用我的服务器部署一个图库改为https://img.zhangshier.vip/seed/romant/1920/942,把picsum的图片下载下来,拿python文件读写操作将全部文章中的图片地址https://picsum.photos替换成https://img.zhangshier.vip后面的种子和长宽不变,如果以后作者允许访问了,我还可以一键切回去

方案二,依旧是@二花哥,我看到他的每一篇博文的封面好漂亮,且和文章内容有关,所以直接取经

Q:二花,你的博客图片都是哪来的?每篇都配的很合适?
A:google search,Key Words in English + banner
Q:你的长宽是做了什么修改,那么贴合博客大小?我拿画图和PS像素都模糊了
A:尽量找贴合的图片,再或者Figma 目前最流行的平面设计工具,是一个纯 web 工具。国内也有相应的竞品,前一阵 MasterGo 就被罗永浩宣传了一波

纠结了一周,综合考虑采用方案二,利用两个晚上对博客封面做了大调整。换封面和顶部图是最难受的,208张图片一张一张修改图片地址

友链朋友圈

历史遗留问题,时隔一个月,追求完美,在2022.9.14,终于修好了

2022.9.14,@心流申请添加友链,我又一次看到了心意的那套前端方案,一入优化深似海,搞!查看文档前端第一套方案

<!-- 挂载友链朋友圈的容器 -->
<div class="post-content">
<div id="cf-container">与主机通讯中……</div>
</div>
<!-- 加样式和功能代码 -->
<!-- 将apiurl改成你后端生成的api地址 -->
<script type="text/javascript">
var fdataUser = {
- apiurl: 'https://hexo-circle-of-friends-circle.vercel.app/'
+ apiurl: 'https://fcircle.zhangshier.vip/' //替换文档中的api
}
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lmm214/immmmm/themes/hello-friend/static/fcircle-beta.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/lmm214/immmmm/themes/hello-friend/static/fcircle-beta.js"></script>

前端无法显示,控制台报错GET https://hexo-circle-of-friends-circle.vercel.app/all?rule=created&start=o&end=20
net : :ERR_CONNECTION_TIMED_OUT,api访问超时?但我的api是https://fcircle.zhangshier.vip/,翻JS源代码逻辑是将信息存储在fdataUser数组中,用for循环替换到默认的fdata设置中,逻辑没问题这个就奇怪了

之后又尝试了很多方法(比如和博客其它功能冲突?重新init一个hexo根目录,还是不行)。最后找到问题方案我笑了!电脑Edge换谷歌、手机、ipad访问正常?浏览器缓存?!ctrl+F5刷新缓存无效,Edge不兼容?开启无痕浏览,访问正常,就是浏览器缓存实锤了,重置浏览器!成功解决😭

日记15

当前朋友圈功能存在bug,尝试过各种办法,无果,先整理记录一下,因为这个问题已经浪费几个小时了(各种排错),标题依次对应导航栏中的“朋友圈”。

存在的问题

”朋友圈“和”朋友圈B“在浏览器未缓存的情况下,首次加载都会显示空白,控制台错误:

GET https://npm.elemecdn.com/hexo-filter-fcircle/assets/js/fetch.min.js net::ERR_ABORTED 403

网络中加载错误fetch.min.js,这个是因为 https://npm.elemecdn.com/hexo-filter-fcircle/assets/js/fetch.min.js ,cdn挂了,但是不知道为什么会引入这个文件?并且从新初始化一个hexo init并引入butterfly主题,之后插入相同的代码,网络中引入的是fetch.js并没有这个压缩文件,就很奇怪?!甚至怀疑是不是gulp有问题(知道它原理是压缩本地的文件但是我实在找不出来原因,开始瞎怀疑),因为gulp之前是自己安的,又卸载了完完全全按着店长的文章安装,依旧引入fetch.min.js

另外还尝试关掉Butterfly 安裝文檔(四) 主題配置-2 | Pjax,文档解释是可以不用重复加载相同的资源(css/js)

还试了各种杂七杂八的方法,最终朋友圈朋友圈B还是存在bug

朋友圈C,加载正常

朋友圈A

利用店长的插件,hexo-filter-fcircle | Akilarの糖果屋

# fcircle
# see https://akilar.top/posts/8480b91c/
fcircle:
enable: true #控制开关
apiurl: https://hexo-circle-of-friends-black.vercel.app/all #api地址
initnumber: 20 #【可选】页面初始化展示文章数量
stepnumber: 10 #【可选】每次加载增加的篇数
css: /css/fcircle.css #【可选】开发者接口,自定义css链接
js: /js/fcircle.js #【可选】开发者接口,自定义js链接
fetchJS: /js/fetch.js #可选】开发者接口,自定义fetchJs链接
path: #【可选】fcircle的路径名称。默认为 fcircle,生成的页面为 fcircle/index.html
front_matter: #【可选】fcircle页面的 front_matter 配置
title: 朋友圈
comments: false

朋友圈B

利用猹的友链朋友圈食用说明书 | 贰猹の小窝 (noionion.top)

---
title: 朋友圈
comments: false
---

> 朋友圈有未知bug,如果显示空白,在三秒后尝试刷新

<!-- fontawesome图标的依赖,主题自带的不用加这行 -->
<link rel="stylesheet" href="https://cdn1.tianli0.top/npm/@fortawesome/fontawesome-free/css/all.min.css">

<!-- 友链朋友圈样式 -->
<link rel="stylesheet" href="https://cdn1.tianli0.top/gh/Rock-Candy-Tea/hexo-friendcircle-demo@main/css/akilar-SAO.css">

<!-- 挂载友链朋友圈的容器 -->
<div id="fcircleContainer"></div>

<!-- 全局引入友链朋友圈配置项 -->
<script>
// 全局变量声明区域
var fdata = {
apiurl: 'https://hexo-circle-of-friends-black.vercel.app/all',
initnumber: 20, //【可选】页面初始化展示文章数量
stepnumber: 10,//【可选】每次加载增加的篇数
// error_img: '/image/404.gif' //【可选】头像加载失败时默认显示的头像
}
//存入本地存储
localStorage.setItem("fdatalist",JSON.stringify(fdata))
</script>

<!-- 全局引入抓取方法 -->
<script defer src="https://cdn1.tianli0.top/gh/Rock-Candy-Tea/hexo-friendcircle-demo@main/js/fetch.js"></script>
<!-- 局部引入页面元素生成方法 -->

<script async src="https://cdn1.tianli0.top/gh/Rock-Candy-Tea/hexo-friendcircle-demo@main/js/fcircle.js" charset="utf-8"></script> <!-- js -->

朋友圈C

利用林木木Rock-Candy-Tea/hexo-friendcircle-demo: 演示页面以及cdn (github.com)

---
title: 朋友圈
comments: false
---

<!-- 友链朋友圈样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Rock-Candy-Tea/hexo-friendcircle-demo@main/css/fcircle-lmm.css">

<!-- 全局引入友链朋友圈配置项 -->
<script type="text/javascript">
var fdata = {
apiurl: 'https://hexo-circle-of-friends-black.vercel.app/all',
initnumber: 20, //【可选】页面初始化展示文章数量
stepnumber: 10,//【可选】每次加载增加的篇数
error_img: 'https://sdn.geekzu.org/avatar/57d8260dfb55501c37dde588e7c3852c' //【可选】头像加载失败时默认显示的头像
}
</script>

<!-- 友链朋友圈JS -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/Rock-Candy-Tea/hexo-friendcircle-demo@main/js/fcircle-lmm.js"></script>

<!-- 挂载友链朋友圈的容器 -->
<div id="fcircleContainer">与主机通讯中……</div>

帮朋友搭博客

@萌新源@Sevin原本是typecho框架,部署在自己的服务器里,上个月见我博客好好看的样子,所以想拥有一个同款博客,我直接给了我的建站笔记,偶尔问问我配置问题

汤兄一直知道我有一个博客,记笔记的好习惯真的很有利于学习,所以今天他也拜托我帮他做一个博客。虽然他老三天打鱼两天晒网,但他很少这样下定决心学习,那就不要磨灭一颗积极的心!汤兄电脑有好多问题以及一些git、powershell等知识,所以我并没有给他笔记,他弄的话估计得一周。

首先是修电脑(我问他为什么不修,他说为什么去改它而不是去适应它…,我也懒得修,但是部署博客又得必须用…)

输入法及其难受,他开了两个键盘需要先Ctrl+shift切换键盘然后Ctrl+space切换中英文,。我一顿整改成了shift直接切换中英文

电脑环境变量,配置ssh密钥的时候,ssh -T git@github.com验证是否连通,出现错误git@github.com: Permission denied (publickey).,权限未定义?CSDN查询无果,汤兄电脑又无法谷歌,所以开始盲猜环境问题。输入以下命令,发现读取密钥文件指向C:\Users\用户名\.ssh,但电脑并不存在这个路径,密钥实际在文档文件夹中

ssh -v git@github.com

移动密钥到C:\Users\用户名\.ssh,并写一个config文件

# Github      
Host github.com
HostName github.com
IdentityFile ~/.ssh/id_rsa_github
PreferredAuthentications publickey
User Wenroad

再次验证是否连通,ssh -T git@github.com出现Hi Tang! You've successfully authenticated, but GitHub does not provide shell access.,nice!!!

因为要用到Github静态部署(汤兄没服务器所以先白嫖免费的),汤兄又不会翻墙,所以配置了通过修改CA证书,加速Github的神器,FastGithub,我用了挺长时间,挺不错

还修了一些其它东西,比较简单就不碎碎念了

之后真从0开始搭建博客下载git->配置环境->注册Github->配置ssh->安装node->安装hexo->更换主题->Github静态部署,剩下的主题配置全部没做,多少给他留点任务,不知道他又得拖多久完成它,但希望汤兄可以好好利用他,努力做一位攻城狮!

开学啦

先附一个视频,https://v.douyin.com/6M39UV8/

在家呆了8个月之久,4号总算开学了,所以最近忙着开学。琐碎事比较多,尤其我的校园网到期了,没网是真的难受,电信业务在另一个校区,疫情政策不能过去,流量已经被限速了,上传服务器挺卡的和玛卡巴卡一样!所以拿抖音链接代替一下

七个舍友去河南上课了,所以我一个人独享豪华八人间哈哈,首先得住的巴适哈哈,卫生不能差,拖了四边!实在太灰了宿舍

日记13

其次是舒服的学习环境,学校的桌子太低了,以前用的电脑支架,舍友不要的小桌板被我重新利用(最上面那个,下面那层是我自己的),这个高度就刚刚好,下面还可以横一个ipad多屏协同。就是键盘够不到了…,花100块配了一个无线键盘,本来想买薄膜的,一个是因为笔记本是薄膜用惯了,一个是因为薄膜安静,结果搜遍TB没一款68键薄膜,所以买了红轴机械键盘,用的有点膈应,适应了几天结果薄膜和机械都“烫手”😭,二花推荐我用Typing Practice 练习打字,确实和常规的金山等不一样,它是按照AI检测,按字母(非英语单词,仅是随机组合)反复练习,达标后换下一个字母,形成肌肉记忆,每天敲上20~30min还不错

墙上的插座坏了两次了,总是接触不良,因为上面是书架施工范围小,需要半弯腰,每次叫后勤大叔来都修的满头大汗也就不麻烦大叔了,15r新添右上角抽拉式插座,插在我的上铺插座,多余的线可以收纳起来,相当nice!孔还这么全,再也不担心设备不够充了

日记14

学校教的太浅了,最近化整为零,研究研究JAVA,从最基础的语法和面向对象学起,之前只是知道应该这样用,但从来没考虑过堆栈、内存结构等等,收获还是不小,虽然说一直是笔记为主的博客,但是这次笔记简记在代码注释里,一方面感觉这个算不得什么内容输出,况且大家都会,我只是补补课,一方面省去整理的时间。所以我的博客一直处于停更状态,写这篇文章也是证明一下我没有run哈哈

此篇为证,如果没有内容输出,每个月就写一篇月记,证明一下我还在!OK就这样,这篇整理了一个多钟已经半夜2:22分了,碎觉!