next主题个性化设置

发表于 分类于 Valine： 本文字数： 3.1k

修改网站描述

# Site
title: 浅笑の博客
subtitle: 我们的征途是星辰大海
author: Zheng Yujie
description: Pytho/C++/深度学习
language: zh-CN
timezone: Asia/Shanghai
  • “title”：博客的名称。
  • “subtitle”：根据主题的不同，有的会显示有的不会显示。
  • “description”：主要用于SEO，告诉搜索引擎一个关+ 于站点的简单描述，通常建议在其中包含网站的关键词。
  • “author”：作者名称，用于主题显示文章的作者。
  • “language”：语言会对应的解析正在应用的主题中的+ languages文件夹下的不同语言文件。所以这里的名称要和languages文件夹下的语言文件名称一致。
  • “timezone”：可不填写。

设置网站图标

主题配置文件中第一行代码就是网站icon设置，这里你只需要找到你喜欢的logo把它制作成ico格式然后改名favicon.ico，放到/themes/next/source/images下面即可。

# Put your favicon.ico into `hexo-site/source/` directory.
favicon: /favicon.ico # 网站logo

更换头像

修改主题配置文件

1
2
3
4
5
6
7
8
9
10
# Sidebar Avatar
avatar:
  # In theme directory (source/images): /images/avatar.gif
  # In site directory (source/uploads): /uploads/avatar.gif
  # You can also use other linking images.
  url: /images/1.jpeg
  # If true, the avatar would be dispalyed in circle.
  rounded: false
  # If true, the avatar would be rotated with the cursor.
  rotated: false

添加侧边栏社交链接

主要修改主题配置文件的社交链接和对应图标

# Social Links
# Usage: `Key: permalink || icon`
# Key is the link label showing to end users.
# Value before `||` delimiter is the target permalink.
# Value after `||` delimiter is the name of Font Awesome icon. If icon (with or without delimiter) is not specified, globe icon will be loaded.
social:
GitHub: https://github.com/zhengyujie || github
#E-Mail: mailto:yourname@gmail.com || envelope
#Google: https://plus.google.com/yourname || google
#Twitter: https://twitter.com/yourname || twitter
#FB Page: https://www.facebook.com/yourname || facebook
#VK Group: https://vk.com/yourname || vk
#StackOverflow: https://stackoverflow.com/yourname || stack-overflow
#YouTube: https://youtube.com/yourname || youtube
#Instagram: https://instagram.com/yourname || instagram
#Skype: skype:yourname?call|chat || skype
Music: https://music.163.com/#/playlist?id=327924141 || headphones
Google: https://www.google.com || google
Baidu: https://baidu.com || firefox

添加友情链接

修改主题配置文件

1
2
3
4
5
6
7
# Blog rolls
links_icon: heart
links_title: FRIENDS
links_layout: block
#links_layout: inline
links:
  #Title: http://example.com

全文阅读

在写文章时添加<!--more-->

  • <!--more-->上方的正常显示
  • <!--more-->下方的隐藏

添加follow me on GitHub

修改主题配置文件

1
2
3
4
5
# `Follow me on GitHub` banner in the top-right corner.
github_banner:
  enable: true
  permalink: https://github.com/zhengyujie
  title: Follow me on GitHub

添加看板娘

安装插件

npm install --save hexo-helper-live2d

在博客配置文件中添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
live2d:
  enable: true
  scriptFrom: local
  model:
    scale: 1
    hHeadPos: 0.5
    vHeadPos: 0.618
  display:
    superSample: 2
    width: 200
    height: 400
    position: right
    hOffset: 0
    vOffset: -20
  mobile:
    show: false
  react:
    opacity: 0.7

字数统计和阅读时长

安装插件

npm install hexo-symbols-count-time --save

修改站点配置文件

symbols_count_time:
    #文章内是否显示
    symbols: true
    time: true
    # 网页底部是否显示
    total_symbols: true
    total_time: true

修改主题配置文件

# Post wordcount display settings
# Dependencies: https://github.com/theme-next/hexo-symbols-count-time
symbols_count_time:
    separated_meta: true
    item_text_post: true
    item_text_total: false
    awl: 4
    wpm: 275
    suffix: mins.
0%