0%

安裝Hexo Next主題網頁顯示空白

前言

終於還是從Butterfly轉成Next主題了,每次爬文發現大家都使用next主題做教程,有些檔案在我的主題裡名稱不一樣甚至格式也不一樣導致code寫法不同,找尋這些花了不少時間,最終決定也合流使用next主題了(畢竟懶…)。

但是在我安裝next主題之後打開網頁卻是空白的,搞了半天發現是motion設置的問題,修改成false之後就可以正常開啟了。

問題

安裝/換成 next 主題"有可能"遇到以下問題:

  1. motion未設置成false
  2. GitHub Pages 禁止了 source/vendors 目錄訪問
  3. theme設置處缺少空白或格式錯誤
  4. 沒有hexo clean

解決方式

  • motion設置

我猜測可能是頁面動畫導致網頁顯示空白,因此我將它設置成false就能正常顯示了。

 .\themes\next\ _ config.yml 設置motion為 false

  • GitHub Pages 禁止了 source/vendors 目錄訪問

我倒是沒遇到這個問題,有這個問題的可以參考:

Hexo next 主题显示全白是什么原因?
请问hexo next主题deploy到GitHub后不显示内容只显示框架这个问题怎么解决?

  • 網站配置文件中theme格式錯誤

注意格式必須為以下:

1
theme: next

theme:後方必需要有一個半形空格,且theme前方不能有別的東西。

  • 安裝主題後沒有hexo clean
1
hexo clean

hexo clean用來清除快取檔案 (db.json) 和已產生的靜態檔案 (public)。

每次安裝完主題記得要clean。

------------ 本文結束 ------------

【版權聲明】
本文鏈接: https://zenreal.github.io/posts/51517/
本文為博主(ZEN)原創文章,遵循CC BY-NC-SA 4.0 版權協議,轉載請附上原文出處鏈接和本聲明。