Hexo博客默认主题的修改与美化13

文章目录
  1. 1. 给博客添加背景音乐
    1. 1.1. 获取播放器外链
    2. 1.2. 新建JS文件
    3. 1.3. 配置文件

给博客添加背景音乐

一个成熟的博客网站想变的生动是不能没有音乐的,本文将详述如何将背景音乐播放器添加到侧边栏。

获取播放器外链

打开网页版网易云音乐,选择你准备添加的背景音乐,点击生成外链播放器,前提是要有版权,否则无法生成外链播放器,复制底下的HTML代码。

新建JS文件

在\blog\themes\landscape\layout_widget\ 路径下新建music.ejs文件,将复制的代码放入其中,如下:

1
2
3
4
5
6
7
8
9
<div class="widget-wrap">

<h3 class="widget-title">音乐</h3>

<div class="widget">

</div>

</div>

配置文件

修改主题的配置文件,在\blog\themes\landscape\ 路径下的_config.yml文件中添加标签,如下:

1
2
widgets:
- music

完成上述设置即可在右侧菜单栏显示音乐播放器。


版权声明

Scholar’s Blog by scholargeek is licensed under a Creative Commons BY-NC-ND 4.0 International License.
董仕麟创作并维护的scholargeek博客采用创作共用保留署名-非商业-禁止演绎4.0国际许可证

本文首发于Scholar’s Blog博客,版权所有,侵权必究。

本文永久链接:https://scholargeek.github.io/2019/07/27/Hexo%E5%8D%9A%E5%AE%A2%E9%BB%98%E8%AE%A4%E4%B8%BB%E9%A2%98%E7%9A%84%E4%BF%AE%E6%94%B9%E4%B8%8E%E7%BE%8E%E5%8C%9613/

更新日期:


本站总访问量