打开themes/next/source/css/_common/components/post/post.styl文件,在最后一行增加代码: @import "my-post-copyright" 设置新建文章自动开启 copyright ,即新建文章自动显示自定义的版权声明,设置～/scaffolds/post.md文件,如下: --- title: {{ title }} date: {{ date }} copyright: true #新增,开启 ---...
});// 执行 gulp 命令时执行的任务gulp.task('default', ['minify-html','minify-css','minify-js']); 生成博文是执行hexo g && gulp就会根据gulpfile.js中的配置,对 public 目录中的静态资源文件进行压缩。 10. 修改``代码块自定义样式 实现效果图 具体实现方法 打开\themes\next\source\css\_custom\c...
打开\themes\next\source\css\_custom\custom.styl,向里面加入:(颜色可以自己定义) //Customstyles.code{color:#ff7600;background:#fbf7f8;margin:2px;}//大代码块的自定义样式.highlight,pre{margin:5px0;padding:5px;border-radius:3px;}.highlight,code,pre{border:1pxsolid#d6d6d6;} 11. 侧边栏社交...
@import "_my/mycss"; 新建自定义样式 找到样式文件夹css新建_my文件夹,在其中新建mycss.styl文件,之后就可以按照stylus的格式自定义样式了。 例子 例如:我想在文章中添加个自定义样式的按钮,怎么做呢??? 打开新建的mycss.styl文件,在其中添加样式: .myButton { background-color:#0f94bd; -moz-border-rad...
1.将头像图片avatar.png放到themes\next\image文件夹下 2.主题配置文件更改图片路径: avatar:/images/avatar.png# avater图片路径 社交账号 编辑主题配置文件,自行添加: social:GitHub:https://github.com/yourname||github-iconE-Mail:mailto:youremail||envelope-iconWeibo:https://weibo.com/yourname ...
'minify-html','minify-css','minify-js' ]); 生成博文是执行hexo g && gulp就会根据gulpfile.js中的配置,对 public 目录中的静态资源文件进行压缩。 10. 修改``代码块自定义样式 实现效果图 具体实现方法 打开\themes\next\source\css\_custom\custom.styl,向里面加入:(颜色可以自己定义) ...
该系列是对我所使用的Next主题进行个性化定制,涉及到js和css等的修改,还有各种插件的使用,包括使用过程中的一些踩坑记录;另外也会对Next主题进行一些写作技巧的介绍与运用,希望能对大家有所帮助。有疑问的朋友可以给我留言,我会尽可能回复O(∩_∩)O。
打开\themes\next\source\css\_custom\custom.styl,向里面加入:(颜色可以自己定义) // Custom styles. code { color: #ff7600; background: #fbf7f8; margin: 2px; } // 大代码块的自定义样式 .highlight, pre { margin: 5px 0; ...
然后我们需要修改样式的话是需要设置css和甚至是修改模板, 页面展现的全部逻辑都在每个主题中控制,源代码在hexo\themes\你使用的主题\中,以next主题为例: ├── .github #git信息 ├── languages #多语言 | ├── default.yml #默认语言 | └── zh-Hans.yml #简体中文 ...