Next主题8.x使用记录

Next主题8.x使用记录

添加网易云音乐

1. 去网页版网易云生成链接代码，放到

C:\Users\wangzihan\Desktop\blog1\themes\next\layout\_macro\sidebar.njk 

文件中，记得放中间 些的位置，放末尾没用。

版面透明

C:\Users\wangzihan\Desktop\blog1\themes\next\source\css\_schemes\Gemini\index.styl

文件下，第29行，改rgba(255,255,255,0.7)

头像旋转

主题配置文件下：

avatar:
  # Replace the default image and set the url here.
  url: /images/favicon-32x32-next.png
  # If true, the avatar will be displayed in circle.
  rounded: true #这个是圆形展示
  # If true, the avatar will be rotated with the cursor.
  rotated: true #这个是靠近旋转

背景设置

1.背景图

在

C:\Users\wangzihan\Desktop\blog1\source\_data\style1.styl

目录下，打开文件style1.styl，编辑图片地址，设置背景图片的参数
第20行有关，有关背景的都在此配置，

custom_file_path:
  #head: source/_data/head.njk
  #header: source/_data/header.njk
  #sidebar: source/_data/sidebar.njk
  #postMeta: source/_data/post-meta.njk
  #postBodyEnd: source/_data/post-body-end.njk
  #footer: source/_data/footer.njk
  #bodyEnd: source/_data/body-end.njk
  #variable: source/_data/variables.styl
  #mixin: source/_data/mixins.styl
  #style: source/_data/styles.styl
  style: source/_data/style1.styl

2.背景动效

文件安装在

C:\Users\wangzihan\Desktop\blog1\themes\next\source\lib\theme-next-canvas-nest

只安装了canvas_nest

canvas_nest: # 网络背景
  enable: true
  onmobile: true # display on mobile or not
  color: '0,0,0' # RGB values, use ',' to separate
  opacity: 0.5 # the opacity of line: 0~1
  zIndex: -1 # z-index property of the background
  count: 150 # the number of lines

设置为true即可运行

阅读原文

文中添加

<!-- more -->

面板娘

博客配置文件下

live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  model:
    use: live2d-widget-model-koharu  #选择哪种模型
  display: #放置位置和大小
    position: right
    width: 150
    height: 300
  mobile:
    show: true #是否在手机端显示

在lived2d下载模型
使用npm命令，随后配置

 use: live2d-widget-model-koharu  #选择哪种模型

未完待续

参考这个，还有2d人物模型预览