Giter Site home page Giter Site logo

guoxinggithub / hexo-douban Goto Github PK

View Code? Open in Web Editor NEW

This project forked from mythsman/hexo-douban

0.0 2.0 0.0 622 KB

:cd: A simple plugin for hexo that helps us generate pages for douban books and movies.

Home Page: https://www.npmjs.com/package/hexo-douban

License: MIT License

JavaScript 66.20% HTML 30.29% CSS 3.50%

hexo-douban's Introduction

hexo-douban

一个在 Hexo 页面中嵌入豆瓣个人主页的小插件.

npm Build Status Coverage Status NPM version npm Codacy Badge GitHub license

安装

$ npm install hexo-douban --save

设置

将下面的配置写入站点的配置文件 _config.yml 里(不是主题的配置文件).

douban:
  user: mythsman
  book:
    title: 'This is my book title'
    quote: 'This is my book quote'
  movie:
    title: 'This is my movie title'
    quote: 'This is my movie quote'
  game:
    title: 'This is my game title'
    quote: 'This is my game quote'
  timeout: 10000 #optional
  • user: 你的豆瓣ID.打开豆瓣,登入账户,然后在右上角点击 "个人主页" ,就可以在这个URL里看到你的ID了: "https://www.douban.com/people/xxxxxx/".
  • title: 该页面的标题.
  • quote: 写在页面开头的一段话,支持html语法.
  • timeout: 爬取数据的超时时间,默认是 10000ms ,如果在使用时发现报了超时的错(ETIMEOUT)可以把这个数据设置的大一点。

如果只想显示某一个页面(比如movie),那就把其他的配置项注释掉即可。

升级

我会不定期更新一些功能或者修改一些Bug,所以如果想使用最新的特性,可以用下面的方法来更新:

$ npm update hexo-douban --save

显示

如果上面的配置都没问题,就可以在生成站点之后打开 //yourblog/books//yourblog/movies, //yourblog/games, 来查看结果.

菜单

如果上面的显示没有问题就可以在主题的配置文件 _config.yml 里添加如下配置来为这些页面添加菜单链接.

menu:
  Home: /
  Archives: /archives
  Books: /books     #This is your books page
  Movies: /movies   #This is your movies page
  Games: /games   #This is your games page

截图

我们在下面这些常见的主题里测试了插件的使用效果:

hexo-theme-landscape

landscape

hexo-theme-next

next

hexo-theme-yilia

yilia

hexo-theme-indigo

indigo

hexo-theme-aath

aath

在线Demo

books

movies

games

更新记录

0.2.8

  • 为标签添加国际化设置,支持zh-Hans,zh-tw,en等
  • 考虑到某些剧比较长,存在"在看"这个状态,因此为movie页添加"在看"标签

0.2.7:

  • 修复页面显示不正常的bug

0.2.6:

  • 添加分页效果
  • 重构模板代码

0.2.5:

  • 修复无法适配某些主题的bug

Lisense

MIT

hexo-douban's People

Contributors

forvoid avatar

Watchers

James Cloos avatar ax avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.