Hexo 的next主題下添加網易雲音樂作BGM

首先，你要看看你選中的歌能不能在網頁版的網易雲音樂生成外鏈，因為版權保護原因，有些音樂是生不成外鏈的，比如這樣的：

 

所以，選些可以生成外鏈的音樂。生成對應的外鏈

 

比如這里的重點是HTML代碼中的src    //music.163.com/outchain/player?type=2&id=33911781&auto=1&height=66   這是待會要用到的部分

然后打開你的 hexo目錄下的      themes\next\layout\_macro   的sidebar.swig 將以下的代碼添加進去

<div id="music163player">
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=86 src="//music.163.com/outchain/player?type=2&id=33911781&auto=1&height=66">
    </iframe>
</div>

這是一種方法，原文請點擊： hexo+next主題優化之加入網易雲音樂、網易雲跟帖、炫酷動態背景

但這種方法我沒有實際操作，我用的是另一種，應該本質都是一樣的。

 

先把另一種方法的出處擺上來：給hexo博客next主題添加背景音樂

第一步：修改 themes/next/layout/_macro/sidebar.swig 文件

 

紅色框框內的是新加的，好像看過一個說法，說 width=“210” height=“110”  這里應該加上雙引號？忘看具體原因，回頭也找不到那個網頁了，有知道的可以在評論區指正。

 {% if theme.background_music %}
           <div>
              <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="210" height="110" src="{{ theme.background_music }}"></iframe>
           </div>
{% endif %}        

 

然后第二步就是 在 themes/next/_config.yml 配置文件中添加歌單地址配置

 

 紅色框框內的代碼位置要放恰當，還有就是配置文件中一定要注釋格式，要寫對，剛開始我的 background_music 后面沒有空格，然后就報錯了。

 

至此，大概的配置就結束了，可以看出，其實第一種和第二種應該本質都是一樣的，第一種直接將鏈接放進去，第二種有點類似於先定義一個 background_music的變量，並將鏈接放在里面，最后直接引用的變量名。

 

說點題外話，因為一開始配置文件格式沒寫好，然后出錯了，修正之后還是一直報錯。在360，Google瀏覽器上都出現了排版錯亂的結果，然后，在win10自帶的瀏覽器打開，居然正常。百思不得其解，我居然修改了一下配置文件中的 

改成true，然后可以了，但是后來我改回來還是可以，所以，最終的原因也沒找出來。

 

 

將最終實現的效果補上

 

有興趣的可以去看看：https://yanyuzhou.github.io/

很簡陋，寫了點東西熟悉一下markdown的語法而已，應該以后不會用到太多的。