Next主题调整记录

Pisces宽度调整

刚接触到Next,Pisces和Gemini两个风格,更倾向于Pisces吧，显示宽度有些人的Pisces是窄的，会更喜欢，所以只能去调整CSS。
找到next根目录下\source\css_variables\Pisces.styl

找到$content-desktop-largest调整后面的百分比就可以了，我觉得70%是理想的宽度，当然这个宽度由你自己决定。

$body-bg-color                = #f5f7f9;
$sidebar-width                = hexo-config('sidebar.width') is a 'unit' ? hexo-config('sidebar.width') : 240;
$sidebar-desktop              = unit($sidebar-width, 'px');
$content-wrap                 = 'calc(100% - %s)' % unit($sidebar-width + $sidebar-offset, 'px');
$content-desktop              = 'calc(100% - %s)' % unit($content-desktop-padding / 2, 'px');
$content-desktop-large        = 1000px;
$content-desktop-largest      = 65%;

添加音乐播放器

在这里以网易音乐为例，到网易官网找到外链。
然后找到主题根目录下\layout_macro\sidebar.swig打开，将外链地址粘贴到相应的位置即可。

文章TOC失效

文章里面的ToC失效，官方修复地址 fix: Chinese TOC cannot jump #1540

const navItems = document.querySelectorAll('.post-toc li');
    const sections = [...navItems].map(element => {
      var link = element.querySelector('a.nav-link');
+      var target = document.getElementById(decodeURI(link.getAttribute('href')).replace('#', ''));
      // TOC item animation navigate.
      link.addEventListener('click', event => {
        event.preventDefault();
-        var target = document.getElementById(event.currentTarget.getAttribute('href').replace('#', ''));
        var offset = target.getBoundingClientRect().top + window.scrollY;
        window.anime({
          targets  : document.scrollingElement,
          scrollTop: offset + 10
        });
      });
-      return document.getElementById(link.getAttribute('href').replace('#', ''));
+      return target;
    });

    var tocElement = document.querySelector('.post-toc-wrap');