博客主题修改 TODO list

开始修改并发布于：2020-11-25 15:04
最后发表时间为最新主题修改时间

已弃用原来的主题，性能优化堪忧。转用主题：Silence。2021-02-07。

Silence主题修改之处

• ✔ 添加 kbd 样式
• ✔ 行内代码添加 csdn 色
• ✔ 所有 font-wight 由 300 改为 350
• ✔ 标题加粗，大小加大
• ✔ 粗体加粗
• ✔ 图片下间隔减少
• 手机版导航栏定位存在偏移问题

公共

• ✔ 播放音乐
  • 随机播放
• 手机头图移动会变化一下
• ✔ 鼠标点击特效
• ✔ 鼠标样式
• 看板娘手机页面修改，TBD
• ✔ 手机版有广告？顺手修复了手机版头部间隔大的问题
• ✔ 右下角悬浮按钮添加返回主页
• 修改 alert，覆盖方法
• ✔ 修改主页底部空白过高
• ✔ 手机显示摘要图片，那样才有色彩啊
  • 虽然图片有缩放小问题~不影响
• ✔ 更换字体图标（原来的有一些不太好看）
  好家伙
• ✔ 添加导航栏，改了蛮久

侧边栏

• 侧边背景修改全景
• 左侧屏蔽狐火自带滚动条，应该是自带的吧
• ✔ 优化鼠标样式
• ✔ 编辑文章放侧边栏

主页

• ✔ 主页横线，竖线太细了
• ✔ 文章需要有一整块区域点击进来

文章

• ✔ 修改引用样式

✔ 这个引用有点太平淡了。

• 表格是否斑马线比较好看？
• 标题样式
• ✔ 发表日期与推荐按钮小屏幕自动换行
• ✔ 提交新评论的样式
  • ✔ 新评论样式内部引用大小
  • ✔ 添加行内代码样式
• ✔ 头图鼠标blur效果
• ✔ 删除文章底部导航
• ✔ 删除“发表评论”后链接
• ✔ 删除评论框快捷键提醒
• ✔ 文章底部说明作者字体太小
• ✔ 文章底部说明标红
• 添加评论框背景
• ✔ 修改评论框下的按钮
• 看板娘放在 loading 下面？
• markdown 悬浮按钮+目录
• 显示顶、踩的数目？

<span class="diggnum" id="digg_count">0</span>
<span class="burynum" id="bury_count">0</span>

• 发表时间这个应该要有回弹效果，不是突然出现
• 手机样式下面五个按钮，div宽度
• 评论列表右边的线太细了
• 能不能将服务端响应改成类似于bootstrao样式

alert("hello world!")

• ✔ 去除底部 postdesc
• ✔ 未登录的底部样式改进
• ✔ 添加按键样式
• 删除评论将样式完全删除。
  • 覆盖该方法。TODO

function DelComment(n, t, i) {
  return confirm('确认要删除该评论吗?') && (currentDelElement = t, currentCommentID = n, $(currentDelElement).html('<span style=\'color:red\'>正在删除...</span>'), $(currentDelElement).removeAttr('href'), $(currentDelElement).removeAttr('onclick'), $.ajax({
    url: getAjaxBaseUrl() + 'comment/DeleteComment.aspx',
    type: 'post',
    data: JSON.stringify({
      commentId: currentCommentID,
      pageIndex: commentManager.getCurrentPage(),
      parentId: + i
    }),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    timeout: 10000,
    success: function (n) {
      n ? ($('#comment_body_' + currentCommentID).html(''), document.getElementById('comment_anchor_' + currentCommentID) != null && (document.getElementById('comment_anchor_' + currentCommentID).parentNode.innerHTML = ''), currentDelElement.parentNode != null && (currentDelElement.parentNode.innerHTML = '<span style=\'color:red\'>删除成功!</span>'))  : $(currentDelElement).html('删除失败！')
    },
    error: function () {
      $(currentDelElement).html('删除失败！')
    }
  })),
  !1
}

BUG

• ✔ 莫名其妙的博客园又加载了 bundle-simplememory.min.css，尝试修复因此出现的样式问题，保留了一些样式

<link id="MainCss" rel="stylesheet" href="/skins/simplememory/bundle-simplememory.min.css?v=uknaX_hejnSu-njQgx4Hj1R0JiPLwUhFPUlwWNmWyB4">

• ✔ 修复主页，左内距 22em

• ✔ 修复主页阅读更多下划线

• ✔ 整体链接下划线

• ✔ 修复评论按钮错乱

• ✔ 文章底部空白，--> sidebar min-height 导致

• ✔ 保留侧边栏日历样式，修复边距问题

• ✔ 修复主页文章标题样式

• ✔ 修复引用样式

• ✔ 文章底部标签文字大小异常

• ✔ .comment_form 包裹异常，待查看

  • 因为 #topics 被 bundle-simplememory.min.css float:left 导致静态流上没有文档占位高度，comment_form_container 跑上去了

发现了，原来是无意间开启了模板默认 css！！！。。也算是兼容了吧，但是没意义，浪费效率，撤销部分更改

次要

• 分类界面调整

感谢 BNDong 提供的主题~