本項(xiàng)目使用b站小而美博客開發(fā)，開發(fā)完成之后準(zhǔn)備重構(gòu)時(shí)，發(fā)現(xiàn)了項(xiàng)目訪問時(shí)特別卡，f12查看network發(fā)現(xiàn)是https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin出的問題，究其原因是訪問了谷歌的字體庫(kù)，然后百度了一些解決辦法，都沒有成功解決掉。有的人用了替換文件但是最后icons.ttf、icons.woff、icons.woff2這三個(gè)爆404了。

實(shí)在受不了這個(gè)訪問速度，查了很多辦法。決定修改semantic源文件。

解決辦法：修改Semantic引用谷歌字體庫(kù)

可以查看字節(jié)傳送門推出的如何下載安裝semantic。

需要的環(huán)境

node -v git --version gulp -v

這里我使用了nvm來(lái)管理我的node版本，因?yàn)閚ode版本太高在后續(xù)會(huì)出現(xiàn)問題。

下載semantic過程中遇到的問題

nvm use報(bào)錯(cuò)出現(xiàn)亂碼：
比如nvm use 10.16.0，出現(xiàn)下面報(bào)錯(cuò)：
exit status 1: ‘D:\Program’ �����?����?���??���?����е?���
���������?���
原因nvm安裝位置 文件夾不能有空格或其它字符， 路徑文件夾也同樣如此。

安裝過程半天卡著不動(dòng)

node版本太高

最后換成了node（9.5.0）終于安裝成功了semtanicui

最后就是修改源碼傳送門

然后把semantic.min.css和theme放到static下的css文件中，項(xiàng)目引用即可解決問題

---

本來(lái)想著好好寫一下修改過程中遇到的錯(cuò)誤，奈何還有太多事需要做，先咕咕了，后續(xù)補(bǔ)上。

---

總結(jié)

以上是生活随笔為你收集整理的博客优化访问速度的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。