摘要

這段時間產(chǎn)品上線沒啥事做,所以就看了網(wǎng)上的一些博客試著搭建一個自己的Hexo博客.基礎(chǔ)搭建就不說了網(wǎng)上百度hexo+github多得是推薦一個基礎(chǔ)搭建,格式各樣的主題也很多

推薦主題

這里推薦幾個好用的

1. next 我用的就是這個 因為這個是由官方團(tuán)隊維護(hù)的后續(xù)添加新功能很方便
2. Yilia 簡潔大氣！
3. Yelee 該主題是作者基于Yilia修改而來，改變了大量的樣式。
4. Hexo官網(wǎng)主題推薦

優(yōu)化?網(wǎng)頁速度

這里先貼個地址 joryHe優(yōu)化 這里面寫了一大系列的相關(guān)優(yōu)化.

靜態(tài)文件加載優(yōu)化.

靜態(tài)文件就是一些Js,css等文件，通常網(wǎng)站都會調(diào)用一大堆這些文件，我們可以合理的將靜態(tài)資源放到CDN服務(wù)器（七牛CDN等），如果你的一些靜態(tài)資源文件是一些通用的文件，如jquery、fancybox等js或者css，你完全可以使用一些外部免費的開源項目CDN網(wǎng)站，如BootCDN是個很好的選擇 ,但是個人覺得在CDN你的靜態(tài)文件，你應(yīng)該合理考慮哪些文件才應(yīng)該進(jìn)行CDN加速，因為你要CDN加速靜態(tài)文件的原因是,CDN是以合理的服務(wù)器節(jié)點返回相關(guān)靜態(tài)資源給你?；蛟S有些情況，你的網(wǎng)站本身的服務(wù)器的速度或許比你的CDN更要快速（特別是一些免費的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是版本號

  # 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鏈接，但是如果存在一些沒有在上面列出的呢，也有辦法，如果想要了解操作方式，請訪問NEXT 加載您自定以的靜態(tài)文件,如果你還需要進(jìn)行圖片的CDN，點擊CDN圖片加速，實現(xiàn)圖片慢加載,以上都可以實現(xiàn)CDN。這里要注意的是如果要引用自己CDN資源(七?；蛘甙⒗镌?最好申請注冊個個人域名和博客綁定起來.不然會出問題.

字體引用

修改站內(nèi)引用的字體

實現(xiàn)方法:到主題的_config.yml中設(shè)置不從google加載字體（默認(rèn)會加載本地字體）

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)化到這里你會感覺你的博客網(wǎng)頁已經(jīng)快一些了但是還是會有點慢,那么久?就要用域名來優(yōu)化了hexo域名優(yōu)化網(wǎng)頁