Hexo添加照片流分享

Posted by mapoto4 on 2018-03-04

前言

心中念念不忘许久的书籍音乐分享功能在近日通过查找资料完成了。

这里做个记录,留下踩坑史。

配置

  • 下载代码,将脚本放到主题目录下scripts目录,如果没有目录则新建目录
    git clone https://github.com/mapoto4/mapoto4.github.io.git

  • 通过指令新建页面目录

    1
    2
    3
    4
    5
    6
    7
     myblog
    ├── _config.yml
    ├── package.json
    ├── source
    │ └── favorite
    │ └── index.md
    └── themes
  • index.md使用插件定义模板生成页面。
1
2
3
4
5
6
{% stream %}
<!-- {% figure []() %} -->
{% figure https://img1.doubanio.com/lpic/s23115678.jpg [羊的门](https://book.douban.com/subject/1428004/) %}
{% figure https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2511355624.webp [唐人街探案2](https://movie.douban.com/subject/26698897/) %}
{% figure https://img3.doubanio.com/view/subject/m/public/s27061401.jpg [山丘](https://music.douban.com/subject/24847484/) %}
{% endstream %}

展示

移动端