Hexo 主题功能优化

Question

添加音乐播放器

---

以前觉得网页嵌入播放器很牛逼的感觉，原来就是一句代码的事儿！感谢外连接，感谢开源，让这个世界变得更美好。

markdown 语法是完全兼容 html 代码的，直接把 html 代码扔进去就 oook 咯。

添加豆瓣音乐

复制下面代码到你的博文任意位置，然后 Hexo s 预览。

加入豆瓣音乐 歌曲是随机播放，游客可切歌，不能定制播哪首歌，而且不能按钮停止，只能音量调到 0，无语，有利有弊的吧。

尽量放在最下面，如果你放在最上面，很有可能别人还未点击进入博文，你的博客就有了背景音乐了，要想赶紧播放音乐的另说。

<center> <iframe name="iframe_canvas" src="http://douban.fm/partner/baidu/doubanradio"
scrolling="no" frameborder="0" width="400" height="200"></iframe> </center>

添加网易云音乐

打开网页版网易云音乐。

如果只是加入单曲，只需要搜索歌曲，点开歌曲名，点击生成外链播放器，复制 html 代码（可以选择是否自动播放），将 html 代码无需任何修改放入 markdown 文章里就 OK 了。

如果想要加入歌单，就需要自己创建歌单，然后分享歌单，找到自己的分享动态，点进去可以看到有“生成外链播放器”这些字眼，其余操作就和上面一样了。不过，你的歌单有变化的话，这个外链的歌曲同样跟着变，这一点挺棒的。

例如，播放待你长发及腰这首歌，自动播放只需要嵌入一下代码

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86
src="http://music.163.com/outchain/player?type=2&id=28947001&auto=1&height=66"></iframe>

---

NexT 使用自定义的 CSS 样式

---

添加样式支持

首先，在样式文件的 source 文件夹下找到 css 文件夹，打 开 main.sty l 文件，在最后添加： @import "_my/mycss";

新建自定义样式
找到样式文件夹 css 新建_my 文件夹，在其中新建 mycss.styl 文件，之后就可以按照 style 的格式自定义样式了。

例子
例如：我想在文章中添加个自定义样式的按钮，怎么做呢？？？

打开新建的 mycss.styl 文件，在其中添加样式：

.myButton {
    background-color:#0f94bd;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:11px 27px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
    background-color:#5cbf2a;
}
.myButton:active {
    position:relative;
    top:1px;
}

引用：在想要引用的时候添加

<a href="#" class="myButton">MyButton</a>