| <!doctype html> |
| <html lang="{{ .Site.Language.Lang }}" class="no-js"> |
| <head> |
| {{ partial "head.html" . }} |
| <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end }}</title> |
| </head> |
| <body class="td-{{ .Kind }} tags-list"> |
| <header> |
| {{ partial "navbar.html" . }} |
| </header> |
| |
| <div class="container-fluid td-outer"> |
| <div class="td-main"> |
| <div class="row container container-center"> |
| <main class="col-12 col-md-12 col-xl-10 pl-md-4 pr-md-4" role="main"> |
| {{ block "main" . }}{{ end }} |
| </main> |
| <div class="d-none d-xl-block col-xl-2 td-toc d-print-none"> |
| |
| <div class="dn blog-ctn"> |
| {{ partial "tags.html" . }} |
| </div> |
| <div class="dn zh-ctn"> |
| {{ partial "tags-zh.html" . }} |
| </div> |
| </div> |
| |
| </div> |
| </div> |
| {{ partial "footer.html" . }} |
| </div> |
| |
| {{ partial "lightbox.html" . }} |
| {{ partial "sidebar-skywalking.html" . }} |
| {{ partial "scripts.html" . }} |
| </body> |
| <script> |
| $(function () { |
| initTags(); |
| bindClick(); |
| |
| function initTags() { |
| var type = getTye() |
| |
| if(type==='blog'){ |
| $('.blog-ctn').show(); |
| replaceState('blog') |
| }else{ |
| $('.zh-ctn').show(); |
| replaceState('zh') |
| } |
| } |
| |
| function bindClick() { |
| $('.tag-link').on('click', function (e) { |
| e.preventDefault() |
| var type = getQueryValue('type') |
| var url = $(this).attr('href') |
| window.location.href = url + '?type=' + type; |
| }) |
| } |
| |
| function getTye() { |
| var type = getQueryValue('type') |
| if (type) { |
| return type |
| } |
| var oldURL = document.referrer; |
| if (oldURL.indexOf('/blog/') > -1) { |
| return 'blog' |
| } else if (oldURL.indexOf('/zh/') > -1) { |
| return 'zh' |
| } |
| } |
| |
| function replaceState(param) { |
| var newurl = updateQueryStringParameter(window.location.href, 'type', param); |
| window.history.replaceState({ |
| path: newurl |
| }, '', newurl); |
| } |
| |
| function updateQueryStringParameter(uri, key, value) { |
| if (!value) { |
| return uri; |
| } |
| var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i"); |
| var separator = uri.indexOf('?') !== -1 ? "&" : "?"; |
| if (uri.match(re)) { |
| return uri.replace(re, '$1' + key + "=" + value + '$2'); |
| } else { |
| return uri + separator + key + "=" + value; |
| } |
| } |
| |
| function getQueryValue(queryName) { |
| var reg = new RegExp("(^|&)" + queryName + "=([^&]*)(&|$)", "i"); |
| var r = window.location.search.substr(1).match(reg); |
| if (r != null) { |
| return decodeURI(r[2]); |
| } else { |
| return null; |
| } |
| } |
| }) |
| </script> |
| </html> |
