Hexo Bilibili Card

screenshot of Hexo Bilibili Card
hexo

一个 Hexo 插件,在你的文章中插入 b 站的视频卡片,样式模仿和借鉴自 b 站。A hexo plugin insert a bilibili card into your page or article.

Overview

The hexo-bilibili-card is a handy plugin for Hexo users who want to incorporate Bilibili video cards directly into their articles. This tool mimics the style of Bilibili, making it easy for content creators to maintain a consistent aesthetic while showcasing video content. Despite its useful features, users should note that the plugin isn’t currently under active maintenance, which may require some tweaks to the code to fit specific site needs.

The plugin also comes with unique challenges, such as CSS conflicts with site styles and limitations on retrieving large amounts of image data due to access restrictions. With potential changes on the horizon aiming for SVG generation, it's anticipated that these issues may be addressed in future updates.

Features

  • Bilibili Card Integration: Easily insert attractive Bilibili video cards into your Hexo articles, enhancing your content's interactivity and appeal.
  • CSS Styling: The plugin's design closely resembles Bilibili, ensuring a seamless fit for those familiar with the platform.
  • Image Proxy Requirement: Users must configure an image proxy due to CORS restrictions on Bilibili, ensuring images load correctly.
  • Custom Configurations: Flexibility to modify the configuration file to integrate specific video IDs, making the plugin adaptable to various content needs.
  • Potential for SVG Simplification: Upcoming plans for generating cards via SVG may improve compatibility and resolve styling issues in the long term.
  • Community Support: Although not actively maintained, existing users often share insights and solutions for optimizing plugin performance.
  • Access Limitation Awareness: Users should be aware of potential access limits when fetching large volumes of images or data from Bilibili, mitigating frustration during use.
hexo
Hexo

Hexo is a static site generator built with Node.js that enables developers to create fast and efficient websites using Markdown, EJS, and Stylus. It offers features such as server-side rendering, plugin support, and easy deployment to hosting services like GitHub Pages and Netlify.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.