一个简单的Hexo插件

hexo

🔌 这是一个简单的插件，使用了非官方的时光网API，可以在Hexo博客中插入一条电影卡片。

插件预览

详细页：

使用

使用NPM安装：

1
npm install hexo-tag-mtime --save

然后在文章中插入标签：

1
{% mtime moiveId %}

比如插入关于流浪地球🌍的电影信息：

1
{% mtime 218707 %}

然后插件就会生成一段HTML：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="mtime-movie_card">
    <div class="mtime-info_section">
        <div class="mtime-movie_header"><img src="http://img5.mtime.cn/mt/2019/01/30/152305.14999287_1280X720X2.jpg"
                class="mtime-locandina">
            <h1>流浪地球</h1>
            <h4>2019，郭帆</h4><span class="mtime-minutes">125分钟</span>
            <p class="mtime-type">冒险，科幻，剧情</p>
        </div>
        <div class="mtime-movie_desc">
            <p class="mtime-text">太阳即将毁灭，人类在地球表面建造出巨大的推进器，寻找新家园。然而宇宙之路危机四伏，为了拯救地球，为了人类能在漫长的2500年后抵达新的家园，流浪地球时代的年轻人挺身而出，展开争分夺秒的生死之战。</p>
        </div>
    </div>
    <div class="mtime-blur_back" style="background: url(http://img5.mtime.cn/pi/2018/03/30/185755.98495617_1280X720X2.jpg); no-repeat fixed;background-size: cover;"></div>
</div>

获取电影的ID

目前还不支持自动获取标签，需要手动查找电影的ID。

  1. 打开时光网。
  2. 搜索需要插入的电影，比如星际穿越。
  3. 得到电影详情的详细URL：http://movie.mtime.com/51119/
  4. /^\d+$/就是电影的ID。

选项

考虑到插件样式可能会和主题样式冲突，所以使用了外部链接css样式，并可自定义修改。

  • css：可以自定义css的样式地址

如果css为空，则会使用默认的CDN地址：https://cdn.mayuko.cn/css/hexo-tag-mtime.css

如果要自定义类名需要在 Hexo 根目录下的_config.yml文件中添加：

1
2
mtime:
  css: https://cdn.mayuko.cn/css/hexo-tag-mtime.css

接口

API使用仓库-API提供的时光网API接口：

请求方式GET

请求地址https://ticket-api-m.mtime.cn/movie/detail.api

请求参数

参数描述
locationId区域
movieId电影ID

然后就会返回大家熟悉的JSON了。

最后

流浪地球真的真的太好看了，尤其是从地面到太空站的长镜头，每次看到都要泪目了，对，是每次。（刷了好几遍

众筹的时候买了个火石钥匙扣，不知道什么时候能送到杭州。🤔

小破球冲鸭！

🥳 加载Disqus评论