hexo nexmoe食用

这里记录了一些关于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语法进行编辑
posted @ 2021-04-24 15:53  nihinumbra  阅读(725)  评论(0编辑  收藏  举报