今天更新了最新的 pb, 发现能够自定义 tags 模板页面了,但是页面标题里面不包含 tag 名,感觉不美观,就在前端模板 tags.html 里面加了段 js,修改页面的标题。
由于 tag 页面链接变成了 https://savalone.com/tag/软件/ 这样,
所以我们要匹配到第四个和第五个“/”符号之间的“软件”,
而结果匹配到的是“%E8%BD%AF%E4%BB%B6”,
所以我们还要 decode 解码一下。
js 代码如下:
<script> window.onload = function(){ var url = '{pboot:pageurl}'; var tagName = (decodeURI((url.split(///)[4]))); // 正则提取链接的第四和第五个'/'符号之间的参数,并解码 var sitetitle = '{pboot:sitetitle}'; document.title = tagName + '-' + sitetitle; } </script>
或者 jq:
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script> $(function(){ var url = '{pboot:pageurl}'; var tagName = (decodeURI((url.split(///)[4]))); // 正则提取链接的第四和第五个'/'符号之间的参数,并解码 var sitetitle = '{pboot:sitetitle}'; $('title').html(tagName + '-' + sitetitle); }) </script>
2020-3-22 更新
光标题优化了但是 tag 没有高亮,又加了段 js, 给当前的 tag 一个高亮 id
<script> var obj=null; var As=document.getElementById('widget-Tags').getElementsByTagName('a'); obj = As[0]; for(i=1;i<As.length;i++){if(window.location.href.indexOf(As[i].href)>=0) obj=As[i];} obj.id='cur' </script>
2020-4-01 更新
发现有 {$get.tag} 这个标签能直接提取到当前 tag,好吧~做了无用功了..
「本文由 Savalone 原创或搜集整理发布,转载请遵守 CC BY-NC-ND 4.0 许可!」