测试页面

Hexo网站的一系列测试

这里存放的是对网站的一些实验性测试内容

拼音标注 Ruby charater tag for Hexo

我觉得你挺可爱 (shǎ bī) 的

提示hint hexo-tag-hint

鼠标移到这里试试

终端和编辑器效果 hexo-tag-gdemo

终端

编辑器

测试echarts hexo-tag-echarts3

测试影音播放器在Hexo网站中的使用方法

影音播放应该是一个网站不可缺少的一部分了吧，所以特别开了一篇文章介绍如何在Hexo网站中使用影音播放器。

音频播放器hexo-tag-aplayer

npm install --save hexo-tag-aplayer

视频播放器hexo-tag-dplayer

npm install hexo-tag-dplayer --save

优酷等视频网站视频

插入 bilibili 视频

<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"><iframe 
src="//player.bilibili.com/player.html?aid=15578506&cid=25349630&page=1" scrolling="no" border="0" 
frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; 
height: 100%; left: 0; top: 0;"> </iframe></div>

插入腾讯视频

<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"><iframe 
src="https://v.qq.com/txp/iframe/player.html?vid=z3002bivh6u" scrolling="no" border="0" 
frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; 
height: 100%; left: 0; top: 0;"> </iframe></div>

插入 youku 视频

<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"><iframe 
src="http://player.youku.com/embed/XMzEwNjY0" scrolling="no" border="0" 
frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; 
height: 100%; left: 0; top: 0;"></iframe></div>

NexT主题修改记录

界面调整

去除头像和帖子图片的外框
修改 NexT 目录下 source/css/_custom/custom.styl 文件
增加内容：

// Custom styles.
.site-author-image {
  border: none;
}
    
.posts-expand .post-body img {
  border: none;
}

首页增加帖子头条图
修改 NexT 目录下 layout/_macro/post.swig
查找内容：

{% elif post.excerpt %}
  {{ post.excerpt }}

增加内容：

{% elif post.excerpt %}
  <!----Nickey---->
  {% if post.image %}
    <div class="out-img-topic">
      <img src={{ post.image }} class="img-topic" />
    </div>
  {% endif %}
  <!----Nickey---->
{{ post.excerpt }}