美文网首页HexoHexo 博客教程
Hexo的Next主题侧边栏自定义修改

Hexo的Next主题侧边栏自定义修改

作者: Scorpio_cc | 来源:发表于2017-05-17 11:12 被阅读583次
    Next进阶

    [Next主题](https://github.com/iissnan/hexo-the
    ![Uploading Next主题_221687.jpg . . .]
    me-next)的强大我就不多说了。侧边栏的标题和网站title标题相同,导致不能自定义。然后我就想着两者能不能分开,本文仅仅探讨个人想法

    标题自定义

    如图所示。原版左边2个框是全部获取的title值。但是如何自定义获取呢。就要改源码。

    首先右击做自己的太阳举例点击检查,查看源码发现div标签和class命名

    查看源码

    然后我们就是根据这个字符去主题下搜索。windows是默认只搜索文件名,所以要设置一下,打开计算机,选择工具,文件夹选项。

    文件夹选项 修改搜索设置

    搜索完然后我们查找到在themes\next\layout\_partials\header.swig文件。

    修改源码

    修改成我们想要的字段,当然我们也可以新建字段,自定义内容。目前本人博客主题是Pisces主题。如图是我修改后的样子。

    修改原理都一样,剩下来的都请大家自己探寻把。

    本文作者: Scorpip_cc
    原文博客: Scorpiocc.cn
    版权声明:转载请注明出处!

    相关文章

      网友评论

      • Co_zy:我搭建的第一次访问打开速度很慢,有改进方法吗?已经迁到了coding
        Scorpio_cc:访问速度慢,主要是Github服务器的问题。
      • Co_zy:我想在侧边栏加个分割线,请问怎么操作?
        Scorpio_cc:如果是修改后的2行字中间加分割线的话。直接再第一个红框下面添加分割线就行了。比如直接添加<HR align=center width=200 color=white SIZE=0.5 style="margin-top: 0px;margin-bottom: 0px;">

      本文标题:Hexo的Next主题侧边栏自定义修改

      本文链接:https://www.haomeiwen.com/subject/nwtdxxtx.html