博客新主题
终于切到了新主题,jekyll 也升级到了 3.x
源码地址:github.com/mdluo/mdluo.github.io,也可点击右上角 GitHub 图标跳转
主题主要部分基于 end2end,文章内容样式参考 Kiko
调整优化移动设备显示效果:屏幕较小时隐藏右上角 GitHub 图标及部分分享图标、调整代码块字体
使用 Real Favicon Generator 生成的多媒体适配 favicon,以及微信分享图标(在页面中加入隐藏的尺寸大于 290 px 的图片)
调整多行代码块在设置行号的情况下的显示效果,效果在下方
添加置顶文章,方法参考:Jekyll: Making Posts Sticky
静态资源使用 七牛 (qiniu) 云存储 和 又拍云 (upyun) 融合 CDN 加速并全部开启 HTTPS
添加对 IE 9 及以下版本浏览器排版支持,但是在页面顶部显示建议升级浏览器的提醒
开启了全站 HTTPS,方法是在 _config.yml 中设置 enforce_ssl: mdluo.github.io,并在页面头部加入判断代码:
1
2
3
var host = "eryanhu.github.io";
if ((host == window.location.host) && (window.location.protocol != "https:"))
window.location.protocol = "https";
域名换回 mdluo.github.io,防止自己的域名被墙,同时也可以使用 Git.io 为博客设置短 URL
底部个人社交媒体图标来自网上的 SVG 并进行了调整统一样式,加上了网站的颜色
文章详情页底部使用了 CC-BY 的 SVG 图标以及 share.js 做分享到社交媒体图标
背景使用了 Dimitrie Hoekstra 制作的 GPlay,更多背景样式可以在 Subtle Patterns 上找到
Todos: