更新记录

2018-09-27

  • 增加代码块复制功能:使用clipboard.js
  • 增加代码块高度限制、优化滚动条:目前只对webkit有用
  • 增加参考资料功能:通过css:before功能添加一栏
  • 优化TOC代码:css更优化,只activeh2标签

2018-09-26

  • 使用html5语义化标签:包括main section footer header

2018-09-23

2018-09-21

  • 增加猜你喜欢功能——通过筛选相同tag文章实现
  • 增加历史记录功能——通过文件头添加logs实现
  • UI参考这里

2018-09-21

  • 增加置顶功能——通过在markdown文件头添加stickie:true实现
  • 增加转载提示——通过在markdown文件头添加ref:http://origrin_url.com实现

2018-07-16

  • 优化Blog性能等。

优化Blog性能

经过我一个周末的奋斗,Blog升级成果喜人!

目前使用的是我自己修改的3-Jekyll Theme

Performance

使尽浑身解数,搞不定啊!采用的方案包括但不限于所有js都defer、搞了个base.scss直接嵌入html里等等。

PWA

使用这篇博客的方法,以及相对应的Github Repo

Accessibility

重点是颜色对比度。可以用这个来测试对比度够不够。

Best Practices

使用cloudflare对github pages进行缓存和CDN,提供HTTP/2 https等功能。

SEO

使用jekyll-seo-tag插件,以及添加robots.txt等方法。

历史记录

  • 2018-09-27 - 增加代码块复制和高度限制、参考资料,优化TOC的css
  • 2018-09-26 - 使用html5语义化标签
  • 2018-09-23 - 使用gruvbox主题
  • 2018-09-21 - 增加猜你喜欢和历史记录
  • 2018-09-21 - 增加置顶和转载功能
  • 2018-07-16 - 性能优化
  • 2018-07-16 - 初稿

猜你喜欢


文章标题:Blog大升级

文章字数:701

本文作者:Mickir

发布时间:2018-07-16

最后更新:2018-09-27

原始链接:https://mickir.me/blog/blog-update.html

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。