npm

Need private packages and team management tools?Check out npm Orgs. »

ghost-tagcloud

0.1.0 • Public • Published

ghost-tagcloud

Generate tagcloud for ghost blog.

Ghost don't support tagcloud in its template engine yet. Thus the html of generated tagcloud can be written in a static page or themes.

Install

$ npm -g install ghost-tagcloud

Usage

At first a json file which contains the all content in blog should be expored from Ghost. In the example below, the file is named ghost-demo.json.

options Description Default
-f Json file path
--orderby The filed to sort. Support name and count name
--order How to sort. Support asc, desc and random asc
--minFont Minimal font size 10
--maxFont Maximum font size 20
--fontUnit Unit of font size px
--startColor Hex color (#111, #b700ff) #fff
--endColor Hex color (#111, #b700ff) #222
--list generate taglist, not tagcloud.

Base

$ ghost-tagcloud -f ghost-demo.json

<a href="/tags/mybatis/" style="font-size: 13.61px; color: #afafaf">MyBatis</a>
<a href="/tags/apache/" style="font-size: 10.00px; color: #fff">apache</a>
<a href="/tags/c/" style="font-size: 10.56px; color: #f3f3f3">c++</a>
<a href="/tags/css/" style="font-size: 10.28px; color: #f9f9f9">css</a>
...

Order by the count of tag as ascending

$ ghost-tagcloud --orderby=count --order=asc -f ghost-demo.json

<a href="/tags/docker/" style="font-size: 10.00px; color: #fff">docker</a>
<a href="/tags/apache/" style="font-size: 10.00px; color: #fff">apache</a>
...
<a href="/tags/css/" style="font-size: 10.28px; color: #f9f9f9">css</a>
...

Order by the name of tag as ascending

$ ghost-tagcloud --orderby=name --order=asc -f ghost-demo.json

<a href="/tags/mybatis/" style="font-size: 13.61px; color: #afafaf">MyBatis</a>
<a href="/tags/apache/" style="font-size: 10.00px; color: #fff">apache</a>
<a href="/tags/c/" style="font-size: 10.56px; color: #f3f3f3">c++</a>
<a href="/tags/css/" style="font-size: 10.28px; color: #f9f9f9">css</a>
<a href="/tags/docker/" style="font-size: 10.00px; color: #fff">docker</a>
...

Specify the min/max size of font

$ ghost-tagcloud --minFont=20 --maxFont=60 -f ghost-demo.json            

<a href="/tags/mybatis/" style="font-size: 34.44px; color: #afafaf">MyBatis</a>
<a href="/tags/apache/" style="font-size: 20.00px; color: #fff">apache</a>
<a href="/tags/c/" style="font-size: 22.22px; color: #f3f3f3">c++</a>
<a href="/tags/css/" style="font-size: 21.11px; color: #f9f9f9">css</a>
...

Specify the start/end color of font

$ ghost-tagcloud --startColor=#f33 --endColor=#123 -f ghost-demo.json

<a href="/tags/mybatis/" style="font-size: 13.61px; color: #a92d33">MyBatis</a>
<a href="/tags/apache/" style="font-size: 10.00px; color: #f33">apache</a>
<a href="/tags/c/" style="font-size: 10.56px; color: #f23233">c++</a>
<a href="/tags/css/" style="font-size: 10.28px; color: #f83333">css</a>
<a href="/tags/docker/" style="font-size: 10.00px; color: #f33">docker</a>
...

Generate taglist

$ ghost-tagcloud --list -f ghost-demo.json   

<ul class="tag-list">

    <li class="tag-list-item">
        <a class="tag-list-link" href="/tags/mybatis/">MyBatis</a>
        <span class="tag-list-count">14</span>
    </li>

    <li class="tag-list-item">
        <a class="tag-list-link" href="/tags/apache/">apache</a>
        <span class="tag-list-count">1</span>
    </li>

    ...

</ul>

License

MIT

install

npm i ghost-tagcloud

Downloadsweekly downloads

0

version

0.1.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability