博客优化访问速度

本项目使用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文件中,项目引用即可解决问题


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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值