Next主题微调

一直在用的next主题早就升级为6.x,然而之前还在用老旧的5.x…因为升级还要重新改很多东西,而且还得用文件比较一个个的改,感觉贼麻烦。

于是就把要为改的地方一个个记下来,做个备忘:

next\source\css\_common\components\header\menu.styl
.fa { font-size: 20px; }

next\source\css\_common\components\sidebar\sidebar-toggle.styl
sidebar buttom
.sidebar-toggle{
bottom: 100px;
width: 15px;
height: 15px;
padding: 12px;
background: #4898f1;}


back to top 
\next\source\css\_common\components\back-to-top.styl
width: hexo-config('sidebar.scrollpercent') ? initial : 39px;
next\source\css\_variables\base.styl
$b2t-position-bottom-on       = 60px
$b2t-font-size                = 20px
$b2t-bg-color                 = #37994C

misc
next\source\css\_variables\base.styl
$menu-link-border               = #b3b3b3//transparent
enable coding links
\next\_config.yml:
custom_text: Hosted by <a target="_blank" rel="external nofollow" href="https://pages.coding.me"><b>Coding Pages</b></a>
enable back to top button on mobile
next\_config.yml:
onmobile: true
change font size on mobile:
next\source\css\_common\components\post\post-expand.styl
@media (max-width: 767px) {
    h1{
    font-size: 24px;
      }
}
.post-body {
    font-size: 16px;}
change title to a btn
next/layout/_partials/header/brand.swig:
<div class="custom-logo-site-title">
  <a href="{{ config.root }}" class="btn" rel="start">
next/layout/_macro/post.swig:
find post-button text-center and add target="_Blank"
next/layout/_macro/post.swig
find post-title-link and add target="_Blank"

不过vscode还真好用,打开next文件夹后会自动标出你做了那些修改,非常好使。