{% capture tags %}

{% for tag in site.tags %}
  {{ tag[0] }}
{% endfor %}

{% endcapture %}

{% assign sortedtags = tags | split:' ' | sort %}

<style>

.k-tagcloud{
padding: 1px 9px;
margin: 9px 1px;
line-height: 40px;
text-decoration: none;
white-space: nowrap;
transition: .6s;
display: inline-block;
color: #363636;

} .k-tagcloud:hover{

transition: .6s;
opacity: 1;
background: #fafafa;

} </style> <div class=“k-posts-list”></div> {% if site.data.site.uiux.meng == true %}

{% if site.data.meng.background.switch == true %}
  <div class="mdui-card">
{% else %}
  <div class="">
{% endif %}

{% else %} <div class=“”> {% endif %} <div class=“mdui-card-content”> {% include content/component/lazyload.html %}

{% for tag in sortedtags %}

{% assign index = site.tags[tag] | size %}
{% assign fontsize = 14 %}
{% assign color = 125 %}
{% for i in (1..index) %}
{% capture fontsize %}{{fontsize | plus:1.5}}{% endcapture %}
{% endfor %}
{% for i in (1..index) %}
{% capture color %}{{ color | minus :15}}{% endcapture %}
{% endfor %}
    <a id="{{ tag }}" class="k-tagcloud mdui-ripple mdui-hoverable" style="font-size:{{fontsize}}px;color:rgb({{color}},{{color}},{{color}})">{{ tag }}</a>

{% endfor %} </div> <div class=“mdui-row”>

<div class="mdui-col-sm-12">
  <div id="taglist"></div>
</div>

</div> </div>

<script> $(function(){ function getUrlParam(name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;

} function getTagList(id){

$.ajax({
    type: "GET",
    url:"{{ "/tags.json" | relative_url }}",
    dataType:"json",
    cache: true,
    success: function(data){
        var content = "<ul class='mdui-list'>";
        $.each(data,function(i,n){
            if(n.id === id){
               var posts = n.post;
               $.each(posts,function(i,n){
                   content+="<li class='mdui-list-item mdui-ripple'><a href='"+n.url+"'><div class='mdui-list-item-content'><div class='mdui-list-item-title mdui-list-item-one-line'>"+n.title+"</div><div class='mdui-list-item-text mdui-list-item-one-line'>"+n.excerpt+"</div></div></li>";
               });
            }
        });
        content += "</ul>";
        $('#taglist').html(content)
    }
})

} var urltag = getUrlParam(“tag”); if(urltag!=null){

getTagList(urltag);

} $(“.k-tagcloud”).on(“click”,function(e){

var $this = $(this);
tagid = $this.attr("id");
if(tagid!=null){
    getTagList(tagid);
}

}); getTagList(tagid) }) </script>