一直在用的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文件夹后会自动标出你做了那些修改,非常好使。