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

# 前言废话

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

# 博客搭建

技术选型上选择了 Hexo 框架

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

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

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

// TODO

# 性能优化

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

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

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

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

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

# 优化渲染阻塞

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

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

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

// TODO