Skip to content

erickjx/docsify-fontawesome

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

docsify-fontawesome

FontAwesome plugin for Docsify.

Install

  1. Insert FontAwesome CSS into docsify document (index.html)
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/fontawesome.css" />
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/brands.css" />
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/regular.css" />
<link rel="stylesheet" href="//unpkg.com/@fortawesome/fontawesome-free/css/solid.css" />
  1. Then insert script plugin into same document
<script src="//unpkg.com/docsify-fontawesome/dist/docsify-fontawesome.min.js"></script>

Usage

Any text inside of : character is processed as CSS style and converted to HTML code for FontAwesome, example:

:fas fa-home fa-fw:

This code is converted to :

<i class="fas fa-home fa-fw"></i>

Example

  1. Run npm run build
  2. Run npm run example
  3. Go to http://localhost:3000/

SVG Example

View source code to understand SVG usage

  1. Run npm run build
  2. Run npm run example-svg
  3. Go to http://localhost:3000/

License

Apache License

TODO

  • Better parser to escape code sections

About

FontAwesome plugin for Docsify

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published