hexo nexmoe食用


這里記錄了一些關於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">
        &copy; <%= 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語法進行編輯


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM