Hexo NexT 主題遇到連結 %20 空白問題，新版設定 Google Adsense 方法

malagege included in Hexo

2021-06-14 254 words 2 minutes

Contents

最近升級到 node 14，遇到 Hexo 各種問題。雖然有升到 Hexo 4.2 來解決問題，不過還是遇到了一些問題，想說不影響畫面輸出就沒什麼關係，但讓我的網頁 404 就必需要解決了。

問題整理

上下頁數顯示不正常
執行跑出以下錯誤

解決問題 1

我有找到顯示 Hexo 錯誤方法。

解決 Hexo 在使用 Node.js 14 時的 Accessing non-existent property ‘xxx’ of module exports inside circular dependency 問題 - 好一則博

1

npx cross-env NODE_OPTIONS="--trace-warnings" hexo s

恩…，看不懂是什麼錯誤跳過
設定 package.json 還是無法排除…
所以先放棄

後來爬了一下文章，是 NexT 舊版本問題造成的。升級上去就能解決。

extra space of menu in default _config.yml cause category unable to jump in menu because of %20 · Issue #1315 · theme-next/hexo-theme-next

就感快升級解決。可以參考hexo-theme-next/UPDATE-FROM-5.1.X.md at master · theme-next/hexo-theme-next
簡單來說，舊版的 Next Theme 不用刪掉，只要clone 新得資料夾，就選定新的資料夾主題，最後用 VScode 比較_config.yml檔案就能做簡單移轉。

~~太久沒用了，都忘了當出怎麼搞這些畫面~~
順便回想，當出怎麼設定東西

這邊又遇到奇怪的東西，官方新版首頁也掛掉了…

問題整理 2

出現不正確名稱~~WTF~~

剛好網路上看到說找不到語系，預設會是德文
解決方式：在hexo/_config.yml 的 language 設定zh- TW (大小寫要一致)

1
2


hexo clean
hexo s

就能看到畫面正常了

番外篇:Google Ads

發現新版，NEXT 主題做到無侵入式修改主題
我覺得還滿方便，可以來試試看。

後來看報這篇版更HEXO NEXT 6 → 8，以非侵入式修改整合AdSense、like coin、修正gitlab-ci文章更新時間錯誤的問題 | 只是個打字的介紹hsuanyi-chou/hexo-next-theme-integration: Hexo NexT主題 V8 懶人包 / Hexo NexT theme integrate google adSense & like coin button without intrusive modification template.，這個可以快速使用無侵入方式設定Google Adsense，但我已經套用原官方主題，所以把這個_data抓下來使用，再把下面設定上去就可以咯

設定參考版更HEXO NEXT 6 → 8，以非侵入式修改整合AdSense、like coin、修正gitlab-ci文章更新時間錯誤的問題 | 只是個打字的，建議去裡面看更完整內容

next/_config.yml

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17


# ---------------------------------------------------------------
# Custom Settings
# ---------------------------------------------------------------
# Google AdSense
google_adsense:
  enable: false
  google_ad_client_id: # <client id>
  enable_page_level_ads: false
  ## sidebar_enable
  sidebar_enable: false
  sidebar_data_ad_slot: # <slot id>
  ## post header
  postheader_enable: false
  postheader_data_ad_slot: # <slot id>
  ## post footer
  postfooter_enable: false
  postfooter_data_ad_slot: # <slot id>

這個在設定啟用

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


custom_file_path:
  #head: source/_data/head.njk
  header: source/_data/header.njk
  sidebar: source/_data/sidebar.njk
  postMeta: source/_data/post-meta.njk
  postBodyEnd: source/_data/post-body-end.njk
  #footer: source/_data/footer.njk
  #bodyEnd: source/_data/body-end.njk
  #variable: source/_data/variables.styl
  #mixin: source/_data/mixins.styl
  style: source/_data/styles.styl

切記要把swig換成njk。

PS: 舊版設定
hexo NexT主題增加AdSense | 只是個打字的
 NexT 使用文檔

還有不少錯誤，但至少可以跑…
先讓子彈飛一會兒
也許砍掉重練會比較快XD