hexo-filter-fenced-code

1.0.2 • Public • Published

hexo-filter-fenced-code

MIT License

npm: Package Quality

Extend syntax for the native fenced code block.

Feature:

  • Extend syntax for the native fenced code block.
  • Use tag-plugins as fenced code block.

Markdown Extra Syntax

The Native Fenced Code Block

```javascript
var foo = "bar";
```

Highlight and Insert Code

```javascript+
var foo = "bar";
```

or

````javascript
var foo = "bar";
````

The code will be inserted as a script block:

<script>
var foo = "bar";
</script> 

Just Insert Code

```javascript-
var foo = "bar";
```

or

`````javascript
var foo = "bar";
`````

Note: Only JavaScript, CSS and HTML code can be inserted into a post. This feature is handily for building a quick demo.

Tag Plugins' Syntax Sugar

The native tag plugin looks like this:

  • block

    {% tagname [option1] [option2] ... %}
    content
    {% endblockquote %}
  • inline

    {% tagname [option1] [option2] ... %}

Use the syntax sugar as follow:

  • block

      ```tagname [option1] [option2] ... 
      content
      ```
    
  • inline

      ```tagname [option1] [option2] ...
      ```
    

Related

Contributing

Pull requests and stars are highly welcome.

For bugs and feature requests, please create an issue.

Dependencies (0)

    Dev Dependencies (1)

    Package Sidebar

    Install

    npm i hexo-filter-fenced-code

    Weekly Downloads

    1

    Version

    1.0.2

    License

    MIT

    Last publish

    Collaborators

    • bubkoo