GithubHelp home page GithubHelp logo

hexo-tag-imgurl's Introduction

DEPRECATED!

hexo-tag-imgurl has been deprecated.

Introduction

npm npm npm npm

This is a hexo tag plugin which allows you to embed an image stored on CDN host.

Installation

Run the following command in the root directory of Hexo:

npm install hexo-tag-imgurl --save

Then add your CDN url in your site _config.yml.

# Imgurl
# Important: This value starts without a protocol and it doesn't end with '/'.
# httpsMod: true | false 
# If the value not set, image url will automatically adapt to the site's protocol.
imgurl: example.com/images
httpsMod:

Usage

{% imgurl imagePath [class1,class2,classN] imgAttr %}

Example:

# Imgurl
# Important: This value starts without a protocol and it doesn't end with '/'.
imgurl: example.com/images
{% imgurl test-post/test.png ful-image alt:test.png %}

Will output the HTML:

<img src="//example.com/images/test-post/test.png" class="full-image" alt="test.png">

TODO

  • Delete images after sync.
  • No article path required.
  • Built-in third party sync.
  • Add test script.

hexo-tag-imgurl's People

Contributors

dependabot-preview[bot] avatar geekrainy avatar tomap avatar yoshinorin avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

hexo-tag-imgurl's Issues

本地编辑器查看问题

首先,这个插件不错,我之前都是手动改主题文件加个replace来实现类似功能的。但一直以来有个问题,就是用这种方法就没法用本地的markdown编辑器查看图片了,不知您有没有什么好的想法。

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.