HTTP vs HTTPS 对SEO的影响
百度搜索引擎认为权值相同的站点,采用https协议的页面更加安全,排名上会优先对待
加载速度
CDN:
jsdelivr
图片格式选择与压缩图片
除了使用图床之外,有时候也有一些站内的图片,比如avatar头像等,选择一个合适的图片格式尽可能的减小图片体积。
压缩图片是最简单的方法,在线图片压缩
图好快 :国内,支持很丰富的场景和格式,收费
TinyPNG:国外,可以压缩png和jpg格式图片,免费
选择一个合适的图片格式
jpg gif png格式比较与简单描述:
格式 | 描述 | 如何选 |
---|---|---|
gif | 全称JPEG,具有较高的压缩率,有损压缩格式,可以指定压缩的百分比,方便把控图片尺寸和质量的比例,不支持透明格式 | 支持动画效果,提交较小 |
jpg | 有静态gif和动态gif,体积小,早期网速较慢时使用很流行 | 可以保留图片更多的色彩细节,对于色彩丰富的图片推荐使用 |
png | 为了取代git和jpg而诞生的格式,与gif比支持更丰富的透明度(gif只有透明与不透明),与png比可以在保留图片所有细节的前提下实现高压缩比的图片压缩,是无损压缩 | 支持透明,对于一些色彩简单的,纯色块较多的图片推荐使用 |
总结:
选择什么格式自己试一下就好了,博主为了尽量在保证质量的情况下减少本博客的avatar(头像)的大小,可以说是各种格式的图片不同的压缩比都反复尝试了,来回对比之后终于选定了一个“中等压缩质量”的“jpg“图片
博主对图片没有太多涉猎,以上主要参考了横向对比GIF/JPEG/PNG/SVG,教你如何合理选择图像格式一文,以及结合了一些自己的理解。
细节调整
markdown渲染时锚点链接大小写问题
以下是hexo-renderer-marked
插件的README说明,
其中modifyAnchors
设置用于将markdown的标题转为锚点链接时大小写问题,一般来说id字段我们都是用小写配置,这样对其他程序兼容性更好些,因此推荐设置为1
,默认是不改变大小写
You can configure this plugin in _config.yml
.
1 | marked: |
- gfm - Enables GitHub flavored markdown
- pedantic - Conform to obscure parts of
markdown.pl
as much as possible. Don’t fix any of the original markdown bugs or poor behavior. - sanitize - Sanitize the output. Ignore any HTML that has been input.
- tables - Enable GFM tables. This option requires the
gfm
option to be true. - breaks - Enable GFM line breaks. This option requires the
gfm
option to be true. - smartLists - Use smarter list behavior than the original markdown.
- smartypants - Use “smart” typograhic punctuation for things like quotes and dashes.
- modifyAnchors - Use for transform anchorIds. if 1 to lowerCase and if 2 to upperCase.
- autolink - Enable autolink for URLs. E.g.
https://hexo.io
will become<a href="https://hexo.io">https://hexo.io</a>
.