摘要
這段時(shí)間產(chǎn)品上線(xiàn)沒(méi)啥事做,所以就看了網(wǎng)上的一些博客試著搭建一個(gè)自己的Hexo博客.基礎(chǔ)搭建就不說(shuō)了網(wǎng)上百度hexo+github多得是推薦一個(gè)基礎(chǔ)搭建,格式各樣的主題也很多
推薦主題
這里推薦幾個(gè)好用的
- next 我用的就是這個(gè) 因?yàn)檫@個(gè)是由官方團(tuán)隊(duì)維護(hù)的后續(xù)添加新功能很方便
- Yilia 簡(jiǎn)潔大氣川尖！
- Yelee 該主題是作者基于Yilia修改而來(lái)返顺，改變了大量的樣式鸠项。
- Hexo官網(wǎng)主題推薦
優(yōu)化?網(wǎng)頁(yè)速度
這里先貼個(gè)地址 joryHe優(yōu)化 這里面寫(xiě)了一大系列的相關(guān)優(yōu)化.
靜態(tài)文件加載優(yōu)化.
靜態(tài)文件就是一些Js,css等文件，通常網(wǎng)站都會(huì)調(diào)用一大堆這些文件蛮穿，我們可以合理的將靜態(tài)資源放到CDN服務(wù)器（七牛CDN等）豌拙，如果你的一些靜態(tài)資源文件是一些通用的文件钓账，如jquery碴犬、fancybox等js或者css，你完全可以使用一些外部免費(fèi)的開(kāi)源項(xiàng)目CDN網(wǎng)站梆暮，如BootCDN是個(gè)很好的選擇 ,但是個(gè)人覺(jué)得在CDN你的靜態(tài)文件服协，你應(yīng)該合理考慮哪些文件才應(yīng)該進(jìn)行CDN加速，因?yàn)槟阋狢DN加速靜態(tài)文件的原因是,CDN是以合理的服務(wù)器節(jié)點(diǎn)返回相關(guān)靜態(tài)資源給你啦粹〕ズ桑或許有些情況，你的網(wǎng)站本身的服務(wù)器的速度或許比你的CDN更要快速（特別是一些免費(fèi)的CDN服務(wù)）卖陵。
外部CDN
這是我添加的外部CDN鏈接
# Script Vendors.
# Set a CDN address for the vendor you want to customize.
# For example
# jquery: https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js
# Be aware that you should use the same version as internal ones to avoid potential problems.
# Please use the https protocol of CDN files when you enable https on your site.
vendors:
# Internal path prefix. Please do not edit it.
_internal: lib
# Internal version: 2.1.3
jquery:
# 以下都是我在bootCDN里引入的 外部CDN鏈接 可以去http://www.bootcdn.cn 找最新的版本
# Internal version: 2.1.5
# See: http://fancyapps.com/fancybox/
fancybox:
fancybox_css: //cdn.bootcss.com/fancybox/3.1.20/jquery.fancybox.css #3.1.20是版本號(hào)
# Internal version: 1.0.6
# See: https://github.com/ftlabs/fastclick
fastclick: //cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js
# Internal version: 1.9.7
# See: https://github.com/tuupola/jquery_lazyload
lazyload: //cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js
# Internal version: 1.2.1
# See: http://VelocityJS.org
velocity: //cdn.bootcss.com/velocity/1.5.0/velocity.min.js
# Internal version: 1.2.1
# See: http://VelocityJS.org
velocity_ui: //cdn.bootcss.com/velocity/1.5.0/velocity.ui.min.js
# Internal version: 0.7.9
# See: https://faisalman.github.io/ua-parser-js/
ua_parser:
# Internal version: 4.6.2
# See: http://fontawesome.io/
fontawesome:
# Internal version: 1
# https://www.algolia.com
algolia_instant_js: //cdn.bootcss.com/instantsearch.js/2.1.0-beta.2/instantsearch.min.js
algolia_instant_css: //cdn.bootcss.com/instantsearch.js/2.1.0-beta.2/instantsearch.min.css
# Internal version: 1.0.2
# See: https://github.com/HubSpot/pace
# Or use direct links below:
pace: //cdn.bootcss.com/pace/1.0.2/pace.min.js
pace_css: //cdn.bootcss.com/pace/1.0.2/themes/blue/pace-theme-flash.min.css
從以上看出遭顶，很多Next插件已經(jīng)可以自定義CDN鏈接，但是如果存在一些沒(méi)有在上面列出的呢泪蔫，也有辦法，如果想要了解操作方式喘批，請(qǐng)?jiān)L問(wèn)NEXT 加載您自定以的靜態(tài)文件,如果你還需要進(jìn)行圖片的CDN撩荣，點(diǎn)擊CDN圖片加速，實(shí)現(xiàn)圖片慢加載,以上都可以實(shí)現(xiàn)CDN饶深。這里要注意的是如果要引用自己CDN資源(七挪筒埽或者阿里云)最好申請(qǐng)注冊(cè)個(gè)個(gè)人域名和博客綁定起來(lái).不然會(huì)出問(wèn)題.
字體引用
修改站內(nèi)引用的字體
實(shí)現(xiàn)方法:到主題的_config.yml中設(shè)置不從google加載字體（默認(rèn)會(huì)加載本地字體）
font:
enable: true
# Uri of fonts host. E.g. //fonts.googleapis.com (Default) //fonts.css.network
host: //fonts.css.network #這里把這里改成 //fonts.css.network
優(yōu)化到這里你會(huì)感覺(jué)你的博客網(wǎng)頁(yè)已經(jīng)快一些了但是還是會(huì)有點(diǎn)慢,那么久?就要用域名來(lái)優(yōu)化了hexo域名優(yōu)化網(wǎng)頁(yè)
