说明

由于先前服务器调整,导致了博客的数据丢失,上百篇文章付之一炬,也只能从头再来。

本博客不专一于单一技术话题,同时尽可能的兼具一定深度,当然也有可能就不是技术话题。

另外换了套新主题,希望能带来些许活力~~


记录当前博客一些需要修改的问题

[✓] 1.搜索页 不应用 pjax修复
[✓] 2.代码框风格修改及pjax支持
[✓] 3.console未对齐
[✓] 4.全页播放器及挂件
[✓] 5.首页大图及其他图片
[✓] 6.点赞及相关

[✓] 7.container 及 article 加上默认阴影

弄了之后,发现效果和想的不太一样
具体改动如下

/* 首页card */
.card hover{
 box-shadow:0 5px 10px 5px rgba(110,110,110,.4)
}
.card {
box-shadow: 0 1px 20px -6px rgba(0,0,0,.5);
}
/* 图片放大 */
a:hover .img {
    transform: scale(1.1)
}

下载 css实现鼠标悬停图片放大显示.rar

[✓] 8.APlayer全局化
[✓] 9.botui支持
[✓] 10.字体美化
[✓] 11.图片的随机化校正(在一定条数内,禁止出现重复)
[✓] 12.打赏调整
[✓] 13.APlayer classList与 pjax的冲突修复

//
//
// 修复一个bug,该bug曾导致 Meting与pjax 冲突
// 由于在pjax完成时Meting会调用 APlayer 的析构,其会取消异步请求,导致其绑定的 switch函数被调用
// switch 函数在调用时会更新页面的元素,而 pjax 此时已经刷新了页面,故会抛出一个undefined的异常
// error code: this.player.container.querySelectorAll('.aplayer-list li')[this.index].classList.add('aplayer-list-light');
// 本人不太会懂前端,以上都是我编的,直接看解决吧
//
//
// 临时解决方案如下,通过设置 list 的index为 undefined 使其跳过更新元素代码


            /* 该处曾导致list异步刷新报错 */
            aplayers[f].list.index = undefined;
            aplayers[f].destroy()

gtihub: APlayer-Typecho 修复

[✓] 14.新的模板页支持
[✓] 15.代码框全屏

[✓] 16.给DPlayer 加入 bilibili 支持
bilibili 对 Referrer 有限制,尝试过各种方法,都无法很好的绕开,具体在 flv.js 中调用 fetch 的地方。
另外bilibili 的视频和音频时分开成两个文件的,需要一点处理,已放弃。
虽然可以用 you-get 把视频下回本地,但是服务器扛不住,就不折腾视频的事情了。

[✓] 17.修复 DPlayer-typecho 的 pajx 支持,现在可以正常切换页面了
gtihub: DPlayer-typecho 修复

[✓] 18.修复一个问题,一个二次加载问题,会跟主题造成冲突,现直接移除

return undefined/*document.addEventListener("DOMContentLoaded",function(){
  for(var e,t=document.querySelectorAll('a[href^="#"]:not([href="#"])'),i=t.length;e=t[--i];)
    e.addEventListener("click",n,!1)
})*/

其他调整

Live2D
loading.svg
页面细节优化
gitcard

原本想将后端编辑器转为 EditorMD
查看 EditorMD 代码后发现其使用的前端解析技术
会跟其他依赖前端代码的插件产生冲突
考虑再三还是决定放弃

[×] 将EditorMD转为服务端解析

bug及兼容性问题

[×] animation-fill-mode 解释存在问题,会导致过长网页显示不全