教程篇HexoNexT博客美化配置

哪家治疗白癜风最出名 https://yyk.39.net/bj/zhuanke/89ac7.html

嗨,大家好,今天还是继续next主题的美化教程。加油。

教程:

1.修改主题页面布局为圆角

修改主题页面为圆角,有两种方法:

第一种:

打开文件,路径:/themes/next/source/css/_variables/custom.styl

复制粘贴以下代码:

//修改主题页面布局为圆角//VariablesofGeminischeme//=================================================

importPisces.styl;//Settingsforsomeofthemostglobalstyles.//--------------------------------------------------body-bg-color=#eee//Borders.//--------------------------------------------------box-shadow-inner=02px2px0rgba(0,0,0,.12),03px1px-2pxrgba(0,0,0,.06),01px5px0rgba(0,0,0,.12)box-shadow=02px2px0rgba(0,0,0,.12),03px1px-2pxrgba(0,0,0,.06),01px5px0rgba(0,0,0,.12),0-1px.5px0rgba(0,0,0,.09)border-radius-inner=initialborder-radius=initialborder-radius-inner=15px15px15px15px;border-radius=15px;

保存后本地预览,可以看到四周都为圆角了。

第二种:

打开文件,路径:\themes\next\source\css\_variables\Gemini.styl,添加以下代码:

//修改主题页面布局为圆角border-radius-inner=15px15px15px15px;border-radius=15px;

保存后本地预览,四周为圆角。

2.去掉顶部黑线

顶部黑线如下图:

打开文件,路径:themes\next\source\css\_custom\custom.styl,添加以下代码:

//去掉顶部黑线:.headband{display:none;}

保存后本地预览,顶部黑线已经去掉。

3.添加动态背景—粒子漂浮聚合

我还以为把动态背景已经写到了教程里了,结果一看没有,赶紧补上。还有好几种动态背景,之后补上。

该功能由theme-next-canvas-nest插件提供,在根目录下执行如下命令:

gitclone


转载请注明:http://www.aierlanlan.com/rzgz/3132.html

  • 上一篇文章:
  •   
  • 下一篇文章: