# Hexo Shoka 主题 博客搭建与优化

# 前言废话

前两天小风决定搭建个人博客,目的是希望能够做一个简洁而又高质量的知识、资源、经验分享网站,会涵盖 AI、编程等计算机相关内容,也是小风的本专业领域。其他的话也想记录一些自己的兴趣爱好的内容(金融、游戏、音乐、生活等)。如果能再认识一些小伙伴一起交流技术和兴趣就更好了。废话到这里,需要联系可以加我微信(windofinsight)交流~

# 博客搭建

技术选型上选择了 Hexo 框架

然后偶尔发现了 shoka 这个主题,被风格戳中了(这就是二次元嘛),而且功能全面,于是决定用它来搭建

作者博客:https://shoka.lostyu.me/

Github 仓库: https://github.com/amehime/hexo-theme-shoka

// TODO

# 性能优化

从一些 SEO 的相关文章了解到,一个网站的加载性能会影响搜索引擎的收录。

有一个 Chrome 扩展程序可以测试网站性能,即 Lighthouse

经过测试,搭建后的网站性能指标如下:

1

可以看到,Performance 的分数只有 57 分(分为 0-49、50-89、90-100 档次),那么势必是有一些优化空间的。

下面的列表展示了 Lighthouse 提供的具体性能分析:

2

# 优化渲染阻塞

Eliminate render-blocking resources 这一项说明网站存在一些渲染阻塞。
从下图可以看出谷歌字体的加载导致了 2s 的延迟。

3

我们来看看如何把这一项进行优化。

Lighthouse 官方指南:消除阻塞渲染的资源

// TODO

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

小风 微信支付

微信支付