本项目使用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 查看本文章
![](/qrcode.jpg)
本来想着好好写一下修改过程中遇到的错误,奈何还有太多事需要做,先咕咕了,后续补上。