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">
© <%= 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语法进行编辑