重拾2016, 博客改造计划(二)

上文: 重拾2016, 博客改造计划(一)

继续改造

上文写完之后, 发现一些问题. 个人习惯性控制每行字体(这行就不控制了). 打几个字就一个回车. 导致文字整体偏左, 如果全部居中又显得别扭. 调整如下

  • 首页文章标题加粗.
  • 文章的左右padding增加至了50px.
  • 诗句区块, 字体大小、行高、间距、颜色, 有些许调整.
  • 整站字体粗细从原来的300更改为350.
  • 文章内图片左右边距设置为0. 并增加了小小的阴影.
  • 有序列表加了个边框(和之前主题学的). 利用hover加了一个放大效果.
  • 无序列表去掉原来的圆点, 改为FontAwesome的一个对号. 并且增加渐变效果.
  • 引用块文字修改为斜体
  • 引文块来源标签前增加 "——"
  • H2、H3增加一个划入下划线效果.

改造并没有修改源文件, 而是参照 kratos 最原始的主题 custom 大法. 在主题函数中增加调用.

因为我毕竟是个后端程序员, 而且PHP只是略懂. 所以这东西好不好看就仁者见仁智者见智了.

精简计划

原主题带了一个看板娘, 就是左右下角有个小人眼睛还会跟随鼠标的一个纸片人. 好玩是挺好玩, 但是因为文件太大了, 前台加载有点难受= =. 直接去掉了.
接着就是主题主脚本kratos.js在加载的时候会清理控制台, 这部分代码注释掉了, 因为有时候测试需要看着控制台. 输出的版权信息也优化了一下, 直接输出GitHub地址.

后续操作

  • 404页面画风和整个主题不太符, 着手修改.
  • 加入animate.css
  • 尽量不动原来的文件, 这样后续更新也方便.
  • ......

404页面还有一个接口获取随机的一段话, 对于我来说是感觉有点"徒增功耗"了.哈哈.
现在只是把页头页脚加进来但是发现, PJAX没实现估计是容器选择的问题. 看了下代码有个div叫容器. 加过去就OK了. 但是变成黑白三明治了. 🥪🥪🥪🥪🥪
难受~

唉, JS、CSS、PHP都当饭吃了.

未完待续...

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注