个人博客优化(一)

待我称王封你为后i 2023-06-01 14:59 120阅读 0赞

选择 Scheme

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

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

设置阅读全文

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

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

  1. auto_excerpt:
  2. enable: true
  3. length: 150

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

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

添加动态背景

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

  1. # Canvas-nest
  2. canvas_nest: false
  3. # three_waves
  4. three_waves: false
  5. # canvas_lines
  6. canvas_lines: false
  7. # canvas_sphere
  8. canvas_sphere: false

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

添加背景

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

  1. body {
  2. background:url(https://source.unsplash.com/random/1600x900);
  3. background-repeat: no-repeat;
  4. background-attachment:fixed;
  5. background-position:50% 50%;
  6. background-size:cover;
  7. }
  8. .main-inner {
  9. margin-top: 60px;
  10. padding: 60px 60px 60px 60px;
  11. background: #fff;
  12. opacity: 0.9;
  13. min-height: 500px;
  14. }

遇到的错误

错误一: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主题使用不蒜子统计无法显示的问题

发表评论

表情:
评论列表 (有 0 条评论,120人围观)

还没有评论,来说两句吧...

相关阅读

    相关 个人系统

    个人博客系统 摘 要 个人博客系统采用B/S结构、java开发语言、以及Mysql数据库等技术。系统主要分为管理员和博客两部分,管理员主要功能包括:个人中心、文章分类管理、

    相关 个人设计】

    概述: 本网站为自己的个人博客网站,从开工是2020.1.16号开始,到1.29号已经完成了大部分功能,从前端的显示以及后端的逻辑处理都是根据自己的经验来写的,因为感觉写