说明
由于先前服务器调整,导致了博客的数据丢失,上百篇文章付之一炬,也只能从头再来。
本博客不专一于单一技术话题,同时尽可能的兼具一定深度,当然也有可能就不是技术话题。
另外换了套新主题,希望能带来些许活力~~
记录当前博客一些需要修改的问题
[✓] 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)
}
[✓] 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()
[✓] 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 解释存在问题,会导致过长网页显示不全
0 条评论