重新装修博客

Posted on In Views:

很久没有更新hexo和next的有关升级了,导致后来的不断增加功能中出了问题,现在看来需要重新施工了

最开始是安装博客计数功能的busuanzi无法正确显示数字,查看很多问题后发现与l2d冲突.而我之前用的l2d已经停止了支持,也没有办法在新版的next主题下直接使用.于是只能先舍掉l2d,先将博客的主题升级和其他部分完成

next更新的最大改动在于将主文件夹从themes的子文件夹移到了node的相关modules里面,并且对于原有的config文件格式进行了较大的更改.如果想保持原有的效果,很多样式和功能都需要重新手动配置

在此把除了单纯enable的内容修改进行记录

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//关于淡入的动画效果和侧边栏的显示
motion:
  enable: false
  async: false
  transition:
    # All available transition variants: https://theme-next.js.org/animate/
    menu_item: 
    post_block: 
    post_header: 
    post_body: 
    coll_header: 
    # Only for Pisces | Gemini.
    sidebar: fadeInDown
    //此处注意不填会导致侧边栏无法出现动画

渲染配置有误导致的部署后无法显示问题

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
//返回顶部
back2top:
  enable: true
  # Back to top in sidebar.
  sidebar: false
  # Scroll percent label in b2t button.
  scrollpercent: true

//右上角自定义书签
bookmark:
  enable: false
  # Customize the color of the bookmark.
  color: "#222"
  # If auto, save the reading progress when closing the page or clicking the bookmark-icon.
  # If manual, only save it by clicking the bookmark-icon.
  save: auto

# Vanilla JavaScript plugin for lazyloading images.
# For more information: https://apoorv.pro/lozad.js/demo/
lazyload: true

//fancybox 可以在点击图片时放大该图片，并且可以快速浏览当前文章的所有图片

# FancyBox is a tool that offers a nice and elegant way to add zooming functionality for images.
# For more information: https://fancyapps.com/fancybox/
fancybox: true