小言_互联网的博客

个人博客优化(一)

364人阅读  评论(0)

选择 Scheme

Scheme 是 NexT 提供的一种特性,借助于 Scheme,NexT 为你提供多种不同的外观。同时,几乎所有的配置都可以 在 Scheme 之间共用。目前 NexT 支持三种 Scheme,他们是:

Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
Mist - Muse 的紧凑版本,整洁有序的单栏外观
Pisces - 双栏 Scheme,小家碧玉似的清新
Scheme 的切换通过更改 主题配置文件,搜索 scheme 关键字。 你会看到有三行 scheme 的配置,将你需用启用的 scheme 前面注释 # 去除即可。

设置阅读全文

在首页显示一篇文章的部分内容,并提供一个链接跳转到全文页面是一个常见的需求。 NexT 提供三种方式来控制文章在首页的显示方式。 也就是说,在首页显示文章的摘录并显示 阅读全文 按钮,可以通过以下方法:

1.在文章中使用 <!-- more --> 手动进行截断,Hexo 提供的方式 推荐
2.在文章的 front-matter 中添加 description,并提供文章摘录
3.自动形成摘要,在 主题配置文件 中添加:

auto_excerpt:
  enable: true
  length: 150  

默认截取的长度为 150 字符,可以根据需要自行设定

建议使用 <!-- more -->(即第一种方式),除了可以精确控制需要显示的摘录内容以外, 这种方式也可以让 Hexo 中的插件更好的识别。

添加动态背景

打开主题配置文件_config.yml
按ctrl+f查询Canvas-nest
将false改为true即可

# Canvas-nest
canvas_nest: false

# three_waves
three_waves: false

# canvas_lines
canvas_lines: false

# canvas_sphere
canvas_sphere: false

设置之后比较卡,我又设回去了,白干了。

添加背景

打开blog\themes\next\source\css_custom目录下的custom.styl文件
输入如下代码:

body {
    background:url(https://source.unsplash.com/random/1600x900);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
    background-size:cover;
}
.main-inner { 
    margin-top: 60px;
    padding: 60px 60px 60px 60px;
    background: #fff;
    opacity: 0.9;
    min-height: 500px;
}

遇到的错误

错误一:can not read a block mapping entry; a multiline key may not be an implicit key at line 9, column 9:

错误原因:
修改页面配置文件_config.yml的时候忘记加了空格。
language: zh-Hans写成了language:zh-Hans

错误二:发现雪花特效跟烟花特效不能同时使用

设置烟花雪花等特效
。。。没找到好方法,只能用一个了。

错误三:不蒜子统计无法使用

解决next主题使用不蒜子统计无法显示的问题


转载:https://blog.csdn.net/qq_42401369/article/details/102011041
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场