docsify-corner

docsify-corner

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

• support more icon. ( Gitlab...etc）
• support customized image（png、jpg、gif）.

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', // set the docsify show the corner
      corner: {
        // the icon link url to another site  
        url: "https://gitlab.com/gitlab-org/gitlab-svgs", 
        // the default preset icon in docsify-corner  
        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",
        // you can set the image link here  
        icon: "https://github.githubassets.com/images/icons/emoji/unicode/1f48a.png",
        // the size of the image  
        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