docsify-corner

A Docsify plugin for corner configuration enhancement based on Docsify repo configuration.

Usage
Import
Import one of the script in index.html
.
<script src="//cdn.jsdelivr.net/npm/docsify-corner/dist/docsify-corner.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-corner/dist/docsify-corner.min.js"></script>
Configuration
Options:
Option | Description |
---|
icon | the icon you want show the corner. |
url | the url for corner link to. |
width | the width of the customized image. |
height | the height of the customized image. |
Use the preset icons
Current support default corner.
Name | icon |
---|
Github | github |
Gitlab | gitlab |
Spring | spring |
Golang | golang |
<script>
window.$docsify = {
repo:'true',
corner: {
url: "https://gitlab.com/gitlab-org/gitlab-svgs",
icon: "gitlab",
},
};
</script>
Use the customized image
You can set your own image in the corner.
<script>
window.$docsify = {
repo:'true',
corner: {
url: "https://github.com/Koooooo-7/docsify-corner",
icon: "https://github.githubassets.com/images/icons/emoji/unicode/1f48a.png",
width: 80,
height: 80
},
};
</script>
Contribution
It is hard to adjust the icon to fit the corner to me, so If you wanna add more preset icons, welcome !
This the current svg icon resources I m working on.
Steps :
- Folk it !
- Install dependencies
npm run install
. - Create your feature branch:
git checkout -b my-new-feature
. - Commit your changes:
git commit -am 'Add some feature'.
- Push to the branch:
git push origin my-new-feature
. - Submit a pull request.
License
MIT @Koy