博客优化访问速度

本项目使用b站小而美博客开发,开发完成之后准备重构时,发现了项目访问时特别卡,f12查看network发现是https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin出的问题,究其原因是访问了谷歌的字体库,然后百度了一些解决办法,都没有成功解决掉。有的人用了替换文件但是最后icons.ttf、icons.woff、icons.woff2这三个爆404了。

实在受不了这个访问速度,查了很多办法。决定修改semantic源文件。

解决办法:修改Semantic引用谷歌字体库

可以查看字节传送门推出的如何下载安装semantic。

需要的环境

node -v
git --version
gulp -v

这里我使用了nvm来管理我的node版本,因为node版本太高在后续会出现问题。

下载semantic过程中遇到的问题

nvm use报错出现乱码:
比如nvm use 10.16.0,出现下面报错:
exit status 1: ‘D:\Program’ �����ڲ����ⲿ���Ҳ���ǿ����еij���
���������ļ���
原因nvm安装位置 文件夹不能有空格或其它字符, 路径文件夹也同样如此。

安装过程半天卡着不动

node版本太高

最后换成了node(9.5.0)终于安装成功了semtanicui

最后就是修改源码传送门

然后把semantic.min.css和theme放到static下的css文件中,项目引用即可解决问题

扫描二维码关注公众号,回复: 12883476 查看本文章

本来想着好好写一下修改过程中遇到的错误,奈何还有太多事需要做,先咕咕了,后续补上。


猜你喜欢

转载自blog.csdn.net/qq_43566782/article/details/114751026
今日推荐