Yilia 主题添加照片-视频-音乐

一. 添加照片

---

1. 第一种，上传本地的：在hexo创建的博客目录下的source中建立一个images文件夹专门放图片，images的路径：你的博客目录source/images ,新建页面

hexo new page "photo"

2. 第二种

• 设置站点配置_config.yml:将post_asset_folder: false改为post_asset_folder: true_

• *安装插件:npm install https://github.com/CodeFalling/hexo-asset-image – save

• 运行hexo n “XXXXXX”,生成XXXXX.md博文时就会在/source/_posts目录下生成XXXXXX的文件夹，将你想XXXXX博文中插入的照片放置到这个同名文件夹中即可，图片的命名随意。

• 添加图片:在想添加的位置写入

  ![图片名称](图片文件名)

  例如:可爱的小猫咪

  

二. 添加视频

---

1. 打开当前博客source\ 新建video文件夹，在video下的新建ins.css文件
2. 编辑ins.css 文件，添加以下内容

/* ====== video ===== */
.video-container {
z-index: 1;
position: relative;
padding-bottom: 56.25%;
margin: 0 auto;
}
.video-container iframe, .video-container object, .video-container embed {z-index: 1;position: absolute;top: 0;left: 7%;width: 85%;height: 85%;box-shadow: 0px 0px 20px 2px #888888;}

3. 在 source\video 下新建文件 index.md , 编辑添加以下内容
   hexo new page “video”

---
title: 视频
date: 2019-05-13 22:17:49
---

## 每个人都离不开的那张网

<link rel="stylesheet" href="./ins.css">
<center>
<div class="video-container">
<iframe  src="//player.bilibili.com/player.html?aid=52117681&cid=91234704&page=1"  allowfullscreen="true">
</iframe>
</div>
</center>

三. 添加音乐

---

添加网页音乐

1、 打开网易云音乐首页，然后搜索你要添加的背景音乐
2、 搜索到歌曲点击生成外链播放器，进去下一个界面

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=0&id=2579685854&auto=0&height=32"></iframe>

3、 复制外链播放器的代码
打开yilia主题下的layout/_partial文件夹下的left-col.ejs文件
vim themes/yilia/layout/_partial/left-col.ejs
复制文件内容到最下端

注：调节播放器大小，改变外链播放器的代码块，长度宽度即可
width=260 height=86