Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >Pbootcms V2.0.6 版本 tags.html 标题优化

Pbootcms V2.0.6 版本 tags.html 标题优化

作者头像
Savalone
修改于 2020-03-21 02:14:12
修改于 2020-03-21 02:14:12
1.3K00
代码可运行
举报
文章被收录于专栏:Savalone's BlogSavalone's Blog
运行总次数:0
代码可运行

今天更新了最新的 pb, 发现能够自定义 tags 模板页面了,但是页面标题里面不包含 tag 名,感觉不美观,就在 tags.html 里面加了段 js,修改页面的标题。

​由于tag 页面链接变成了 https://savalone.com/tag/软件/ 这样,所以我们要匹配到第四个和第五个“/”符号之间的“软件”,而结果匹配到的是“%E8%BD%AF%E4%BB%B6”,所以我们要 decode 解码一下。

js 代码如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script>
window.onload = function(){
var url = '{pboot:pageurl}';
var decode = (decodeURI((url.split(///)[4]))); // 正则提取链接的第四和第五个'/'符号之间的参数,并解码
var sitetitle = '{pboot:sitetitle}';
document.title = decode + '-' + sitetitle;
}
</script>

或者 jq:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function(){
var url = '{pboot:pageurl}';
var decode = (decodeURI((url.split(///)[4]))); // 正则提取链接的第四和第五个'/'符号之间的参数,并解码
var sitetitle = '{pboot:sitetitle}';
$('title').html(decode + '-' + sitetitle);
})
</script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020年03月19日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
JavaScript decodeURI() 函数
decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。 语法
王小婷
2021/06/01
6350
JavaScript decodeURI() 函数
PbootCMS开发手册
这个手册差不多都是搬运官网的开发手册,里面有些东西我改了,对于刚刚入手pbootcms的人来某些地方看不懂,我也是刚刚学习的小白,所以我的每一次踩坑我都会在文档里面标注一下,后面那些介绍文字我就删了,有兴趣的可以看看pbootcms官方的文档。
小唐同学.
2023/10/13
5300
03 整合IDEA+Maven+SSM框架的高并发的商品秒杀项目之web层
项目源代码:https://github.com/nnngu/nguSeckill ---- 前端交互流程设计 对于一个系统,需要产品经理、前端工程师和后端工程师的参与,产品经理将用户的需求做成一个开
nnngu
2018/03/15
1.3K0
03 整合IDEA+Maven+SSM框架的高并发的商品秒杀项目之web层
6000 字 | 终于,给网站插上了留言的翅膀
我的开源项目 PassJava 有个在线的技术文档,但是没有评论功能,总感觉缺了点什么,这次来给它加上留言功能。
悟空聊架构
2022/05/13
6840
6000 字 | 终于,给网站插上了留言的翅膀
Bootstrap实战 - 瀑布流布局
讲 Bootstrap 基础的教程网上已经很多了,实际上 Bootstrap 中文网(bootcss.com)里的文档已经写的很详细了,但实战的案例却不多。这里用一些当前流行的网页布局为导向,使用 Bootstrap 中的样式来完成它。每次只讲与案例相关的知识点,边学边练,加强理解。练习本案例需有 HTML/CSS 基础。
除除
2021/12/09
2.9K0
【目录】Hexo+NexT+Gemini 搭建博客拥抱舒爽
首先在配置Hexo+NexT之前,最好阅读一下 Hexo官方文档 和 NexT使用文档
零式的天空
2022/03/27
2.2K0
【目录】Hexo+NexT+Gemini 搭建博客拥抱舒爽
前端开发中的字符编码
前端开发过程中会接触各种各样的编码,比较常见的主要是UTF-8和HTML实体编码,但是web前端的世界却不止这两种编码,而且编码的选择也会造成一定的问题,如前后端开发过程中不同编码的兼容、多字节编码可能会造成的XSS漏洞等。因此,本文旨在更好的全面了解涉及前端开发领域的字符编码,避免可能出现的交互和开发中的忽视的漏洞。 ---- URL编码 我曾经在URL编码解码和base64一文中讲述了URL编码中的三组函数,并对比了这三组函数与base64编码的关系,在此简要说明一下。 escape/unescape
欲休
2018/03/15
2.1K0
利用JS生成二维码图片,优化WEB性能及页面加载速度
移动互联网的蓬勃发展绝对离不开二维码的“推波助澜”,一张小小的图片,省去了繁琐的苦逼输入,也拉近了 PC 端和移动端的距离!虽然是东洋人最初发明的,但我还是要给 32 个赞! 一、意淫场景 2 年前接
张戈
2018/03/21
4.6K1
利用JS生成二维码图片,优化WEB性能及页面加载速度
[Python 爬虫]煎蛋网 OOXX 妹子图爬虫(1)——解密图片地址
之前在鱼C论坛的时候,看到很多人都在用 Python 写爬虫爬煎蛋网的妹子图,当时我也写过,爬了很多的妹子图片。后来煎蛋网把妹子图的网页改进了,对图片的地址进行了加密,所以论坛里面的人经常有人问怎么请求的页面没有链接。这篇文章就来说一下煎蛋网 OOXX 妹子图的链接获取方式。
Hopetree
2022/09/26
1.4K0
[Python 爬虫]煎蛋网 OOXX 妹子图爬虫(1)——解密图片地址
Jekyll 优化合集
  Jekyll 是一款采用 Ruby 语言编写的、非常方便简单又功能强大的静态站点生成器,适合于搭建个人博客、静态网站等。我们知道,Github Page 默认支持的也是 Jekyll,而非 Hexo、Hugo等静态站点生成器。Hexo 是用 NodeJS 语言编写的,Hugo 是用 Go 语言编写的,它们三者背后其实都有非常丰富的插件来增强它们自身,从而为用户提供一个可插拔式的个人定制功能。由于本站目前是采用 Jekyll 来搭建的,所以为了提供给读者更加高效的阅读条件,笔者在廖柯杰大佬开发的 H2O 主题的基础上做了一些功能上的增加和优化,接下来就来详细介绍一下。
zhonger
2022/10/28
2.1K0
Nginx-rtmp、FFmpeg实现直播效果并在web页面播放「建议收藏」
本文参考链接:https://blog.csdn.net/u011424614/article/details/113420000
全栈程序员站长
2022/11/10
1.7K0
Nginx-rtmp、FFmpeg实现直播效果并在web页面播放「建议收藏」
Django 配合Echarts绘制图表
在前面我总结了关于DjangoAdmin的使用技巧,利用DjangoAdmin这个后台管理功能,自己定制页面可以完成非常多的功能,下面我们将重点研究主机图形的绘制,展示和报表等功能的具体实现步骤,这里也算是个人的一点点经验。
微软技术分享
2022/12/28
1.3K0
Django 配合Echarts绘制图表
Hexo相关
把下载好的Js文件放在theme/Butterfly/source/js文件夹下 /Butterfly/layout/includes文件夹下找到head.pug文件,在最后引入
小城故事
2023/02/27
1.5K0
JavaWeb——JavaScript精讲之ECMAScript标准(基本语法、JavaScript对象)
JavaScript不同于HTML、CSS,其是一种客户端脚本语言,运行在客户端浏览器中,每一个浏览器都有JavaScript的解析引擎。其是脚本语言,不需要编译,直接可以被浏览器解析执行。
Winter_world
2020/09/25
9330
JavaWeb——JavaScript精讲之ECMAScript标准(基本语法、JavaScript对象)
JS和HTML笔记
var myDate = new Date; var year = myDate.getFullYear(); //获取当前年 var mon = myDate.getMonth() + 1; //获取当前月 var date = myDate.getDate(); //获取当前日 // var h = myDate.getHours();//获取当前小时数(0-23) // var m = myDate.getMinutes();//获取当前分钟数(0-59) // var s = myDate.getSeconds();//获取当前秒 var week = myDate.getDay(); var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; console.log(year, mon, date, weeks[week]) $("#time").html(year + "年" + mon + "月" + date + "日" + weeks[week]);
OwenZhang
2021/12/08
5.4K0
JS和HTML笔记
女生勿扰,只适合男孩子的 Python 爬虫,里面东西不给钱统统白送
说真的,花了几天的时间来搞一个别人已经干过的项目,不知道是不是不值得,但是后面我自己上手做了之后,我才发现,这必须值得,崔大的书是2018年的,而现在网络的更新速度太快了,书本上的接口知识点都变了,废了老多时间才弄懂这些,不过我觉得也值,所以把代码加强了一下,实现了我的功能,下面做个简单的分享。
Python小二
2020/09/27
6940
女生勿扰,只适合男孩子的 Python 爬虫,里面东西不给钱统统白送
hexo+github搭建博客(超级详细版,精细入微)
你了解Hexo吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染引擎,生成一个静态网页,再结合Git命令(ssh),Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
YangAir
2020/01/19
5.6K1
hexo+github搭建博客(超级详细版,精细入微)
PHPCMS模板制作精髓
以上标签首页不能调用,分类页和文章页都可以。从某种意义上讲 CAT = CATEGORYS[catid] 但是CATEGORYS是二维数组,可以在任意位置调用。可以看下 CATEGORYS栏目数组面包屑导航{catpos(catid)} 当前位置,在首页什么都不显示,在栏目页和文章页会显示所在栏目层级。一般都这么用
李维亮
2021/07/09
37.3K0
SSM整合案例
解释jdbcUrl后面的参数useUnicode Mysql jdbc URL连接参数useSSL、serverTimezone 相关问题
大忽悠爱学习
2021/11/15
4.1K0
Hexo-Matery主题美化
首先在hexo官网主题里面搜索Matery主题点击进入作者大大的github,然后下载 master 分支的最新稳定版的代码,解压缩后将 hexo-theme-matery 的文件夹重命名为matery,复制到Hexo 的 themes 文件夹中
咕咕星
2020/08/24
1.8K0
Hexo-Matery主题美化
相关推荐
JavaScript decodeURI() 函数
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验