Hexo优化

Posted on | In

Q: 网上的url突然丢失，无法加载。

将想要的背景图片放入 themes/next/source/images。打开 themes/next/source/css/ _custom/custom.styl 文件，添加以下代码：

1
2
3
4
5
6
7
body {
    background:url(/images/yourbackground.jpg);
    background-repeat: no-repeat;
    background-attachment:fixed; //不重复
    background-size: cover;      //填充
    background-position:50% 50%;
}
  • background:url 为图片路径，也可以直接使用链接。
  • background-repeat：若果背景图片不能全屏，那么是否平铺显示，充满屏幕
  • background-attachment：背景是否随着网页上下滚动而滚动，fixed 为固定
  • background-size：图片展示大小，这里设置 100%，100% 的意义为：如果背景图片不能全屏，那么是否通过拉伸的方式将背景强制拉伸至全屏显示。

Q:hexo中嵌入背景音乐(aplayer)

1.1install aplayer插件
1
$ npm install --save hexo-tag-aplayer
1.2config.yml加入代码
1
2
aplayer:
        meting: true
1.3博文中所选区域插入代码

单曲

1
2
3
4
{% meting "id" "netease" "song" "theme:#555" "mutex:true" "listmaxheight:340px" "preload:auto" %}
//id=1435594710
//server=netease  
//type=song

歌单

1
2
3
4
5
{% meting "1435594710" "netease" "playlist" "theme:#555" "mutex:true" "listmaxheight:340px" "preload:auto" %}

//id=1435594710
//server=netease  
//type=playlist

Q:删除config.yml文件中的live2d，public文件夹下依然会生成live2d文件夹。

1
npm uninstall hexo-helper-live2d
Live2D 是一种应用于电子游戏的绘图渲染技术，由日本 Cybernoids 公司开发。

Live2D共有两个分支：Cubism（主要）和 Euclid（已停止开发）。若无特殊说明，Live2D均指Cubism分支。

工作原理

Live2D Cubism 的工作原理是通过将一系列的 2D 图像进行平移、旋转和变形等操作，生成一个具有自然动画效果的可动人物模型。