使用主题美化hexo博客

Mar 26, 2024 // 大蚊子

前言

安装hexo请参考 [使用hexo搭建自己的个人博客] ,hexo支持修改主题，你可以在 Themes|Hexo 中选择你喜欢的主题，本文以hexo-theme-flexblock 为例搭建。

下载主题

一般都是使用git直接在hexo的themes文件夹下直接拉去相应的主题仓库，如下所示

user@server:/path/to/hexo$ ls themes/
hexo-theme-aircloud  hexo-theme-butterfly  hexo-theme-flexblock  hexo-theme-fluid  hexo-theme-icarus  hexo-theme-matery  hexo-theme-next  hexo-theme-volantis  yilia-plus

使用主题

直接编辑hexo文件夹下的_config.yml文件，将 ** theme: landscape ** 改为你想用的主题，比如** theme: hexo-theme-flexblock ** ，此时重新发布、重启hexo主题即可生效。

修改主题

此时的主题都是默认配置，我们需要修改配置，变成自己想要的摸样，主题的配置都在每个主题的根目录下的_config.yml文件中，可以根据需要修改。

menu:
  首页: /
  友链: /links
  关于: /about

# 主页banner图
banner: /images/backimages/zilaiye.jpg

# 站点通知信息
notice: 这是丑男的笔记 

# 作者信息
author:
  name: 丑男
  avatar: /images/touxiang/touxiang.jpg
  description: 修身

toc:
  max_depth: 3 # 生成 TOC 的最大深度
  min_depth: 2 # 生成 TOC 的最小深度

comments:
  enable: false
  use: 'valine' # valine || disqus
  # valine 评论
  # docs: https://valine.js.org
  # You can get your appid and appkey from https://leancloud.cn
  # 这里appId和appKey一定一定要改成自己的，没有的话去 https://leancloud.cn 这个网站注册创建一个
  valine:
    appId: 
    appKey: 
    placeholder: 随便说点什么叭～ # 评论框占位提示符
    avatar: mp # Gravatar 头像展示方式
    pageSize: 10 # 评论列表分页，每页条数
    lang: zh-cn # 多语言支持
    visitor: true # 文章访问量统计
    recordIP: true # 是否记录评论者IP
    enableQQ: false # 是否启用昵称框自动获取QQ昵称和QQ头像，开启后是在昵称框输入QQ号码进行获取
    meta: "['nick', 'mail', 'link']" # 评论者相关属性，可选值：['nick']，['nick','mail']，['nick', 'mail', 'link']
    requiredFields: "['nick']" # 设置必填项，默认匿名
    bilibiliEmoji: true # 是否启用Bilibili表情
  # disqus 评论
  # docs: https://disqus.com/
  disqus:
    website: 
    error: 如果你看不到评论，那么就真的看不到评论 w(゜Д゜)w

# dplayer 视频播放
# docs: http://dplayer.js.org/#/zh-Hans/
dplayer:
  enable: true
  theme: "#b7daff"
  autoplay: false
  loop: false
  mutex: true

# aplayer 音频播放
# docs: https://aplayer.js.org/#/zh-Hans/
aplayer:
  enable: true
  theme: "#b7daff"
  autoplay: false
  loop: false
  mutex: true
  lrcType: 3

# mathjax LaTeX公式支持
# docs: http://docs.mathjax.org/en/latest/
mathjax:
  enable: true

# polyfill 提供老版浏览器对新语法的支持
# website: https://polyfill.io/v3/ 
polyfill:
  enable: false


# 国内备案信息
beian: 丑ICP备 20241314号 

# 谷歌分析
google_analytics: 
# gauges分析
gauges_analytics: 
# 百度分析
baidu_analytics: 
# 腾讯分析
tencent_analytics: 
# 站点ico
favicon: /images/touxiang/favicon.ico


# Social Icon
social_icon:
  enable: false
  icons:
    ins     :
    zhihu   :
    weibo   : 
    github  : https://github.com/douliangliang/
    twitter : https://twitter.com/guanquanhong

当然你也可以根据主题提供的功能来作相应的配置，如启用归档等。