zoukankan      html  css  js  c++  java
  • 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语法进行编辑
    
    作者:
    除特别声明为原创博文外,均可转载,也欢迎转载,未经作者同意必须在文章页面给出原文链接,否则保留追究法律责任的权利,谢谢您的配合。
  • 相关阅读:
    052、Java中使用do…while循环实现1~100的累加
    051、Java中使用while循环实现1~100的累加
    050、Java中使用switch判断,使用字符串判断
    一个DOM元素绑定多个事件时,先执行冒泡还是捕获
    cookies,sessionStorage和localStorage的区别
    雅虎网页性能优化的35条黄金守则
    多域名指向同一个网站的好处
    减少页面加载时间的方法
    网站文件和资源的优化
    语义化的html
  • 原文地址:https://www.cnblogs.com/sillage/p/14633624.html
Copyright © 2011-2022 走看看