這里記錄了一些關於nexmoe主題食用的一些細節
希望對你有所幫助
訪問不成功
搭建nexmoe啟動服務器后,無法訪問,是因為主題自帶字數統計,需要手動下載該插件:
npm i --save hexo-wordcount
自定義social欄的圖標
_config.yml里面找到social,例如:
social:
博客園:
- https://www.cnblogs.com/ZGQC/
- iconrss
- rgb(231, 106, 141)
- rgba(231, 106, 141, .15)
關於圖標的使用:
可以去:https://www.iconfont.cn/ 找自己喜歡的圖標,上傳到自己的項目,生成css地址放到主題的_config.yml文件中
具體如何操作,參考官方文檔(步驟還是比較詳細的):https://docs.nexmoe.com/hexo-nexmoe/zhu-ti-pei-zhi/icon
添加版權聲明
nexmoe默認自帶CC BY-NC-SA 3.0 CN
版權協議,會在文章底部自動生成,如下圖:
如需修改,_config.yml中搜索copyright即可,找到對應的地方進行修改
添加訪問統計
我是在相應的主題目錄下的layout/_partial中,對header.ejs進行編輯,添加以下內容:
<div style="font-size: 13px">
<link rel="stylesheet" href="https://widget.heweather.net/standard/static/css/he-standard.css?v=1.4.0"><script src="https://widget.heweather.net/standard/static/js/he-standard.js?v=1.4.0"></script><script async="" src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
本站總訪問量 <a id="busuanzi_value_site_pv"></a> 次<br>
本站訪客數<a id="busuanzi_value_site_uv"></a>人次
</div>
為了保持與前面的色系一樣,我是直接添加到<div class="nexmoe-copyright">
這個盒子里面的,效果如下:
主題有三個英文看着不順眼
去博客主目錄(注意不是主題目錄),修改_config.yml文件
language那個地方修改為zh-CN即可,如果還不行執行一下hexo clean
再啟動試試
同時在該配置文件還建議修改:
author,author根據自己喜好,language改為zh-CN中文即可
url,那個地方可以添加你服務器綁定的域名
為什么我的nexmoe沒有文章歸檔這一欄
編輯_config.yml,搜索歸檔,將注釋掉的歸檔取消注釋,便有了歸檔
添加備案號
去themes/nexmoe/layout/_partial
目錄下編輯header.ejs,搜索Power關鍵詞,添加如下內容:
<br>
<a href="http://www.beian.miit.gov.cn/" target="_blank">你自己的備案號</a>
為了與前面Power by Nexmoe的色系一樣,我是直接添加在它的div標簽里的,如果讀者追求其他樣式可以自己寫:
<div class="nexmoe-copyright">
© <%= date(new Date(), 'YYYY') %> <%= config.author || config.title %>
<%= __('Powered by') %> <a href="http://hexo.io/" target="_blank">Hexo</a>
& <a href="https://github.com/theme-nexmoe/hexo-theme-nexmoe" target="_blank">Nexmoe</a>
<%- theme.sidebar %>
<br>
<a href="http://www.beian.miit.gov.cn/" target="_blank">你自己的備案號</a>
</div>
效果如下:
關於自己創建的ejs使用
一般是在themes/nexmoe/layout/_partial
下面創建自定義ejs
然后使用是在themes/nexmoe/layout
目錄下修改你想修改的ejs,進行引用你剛剛自定義的ejs
例如在themes/nexmoe/layout/_partial
下新建footer.ejs,在themes/nexmoe/layout
中的index.ejs中尾部添加如下即可:
<%- partial('_partial/footer') %>
刪除開始的hello world帖子
到博客主目錄下面/source/_post/里面刪除hello-world.md即可
換頭像
在_config.yml,第一行替換掉avatar后面的url即可
換背景圖
在_config.yml,就前幾行,background下面path后面的url鏈接換掉即可,都有注釋說明,此處不再不過敘述
做站內搜索
這個在糖糖的博客有體現: https://www.tangyuxian.com/
是他自己寫的,等待開源
關於標簽和目錄
關於nexmoe主題左下側的那一大坨標簽,類似如下(這讓新手很好奇是怎么實現的):
還有目錄如何創建呢。
看別人的博客都有目錄,文章分類:
其實很簡單
這個標簽和目錄是在你發的博文中,博文里面使用了標簽,然后自動生成的,如你使用hexo new test
,創建了一篇博文時。在博客主目錄下的source/_post文件夾中就有一個test.md文件
該文件內容如下:
---
title: test
date: 2021-04-08 14:45:37
tags:
---
寫成以下就會在主頁自動生成前端和Java的標簽,html目錄:
---
title: test
date: 2021-04-08 14:45:37
tags:
- 前端
- Java
categories:
- html
---
正文部分,可用markdown語法進行編輯