首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

WordPress 文章截断方式:有more标签的优先more标签,否则截断一定字数

最近在完善本站主题Devework,主要是前后台的联系工作,其中遇到一个问题,那就是首页文章的截断方式。...就Jeff的使用习惯的话,是直接在后台编辑器写文章的时候手动添加more (更多)标签,但对于许多博主来说,可能没有这个习惯,他们更希望是自动截断一定字数。...于是,Jeff 就琢磨出了下面的代码,功能是:有more 标签的优先more 标签,否则截断一定字数。...> 有一定基础的都知道代码是什么含义,首先通过正则表达式匹配more标签,没有的话就截断一定字数代码中是240字节,换成中文就是120字,一定要整数),mb_strimwidth就是截断的相关函数。...相关代码参考了网络上的一些资料,但原作者已不知。

920100

统计各个分类和标签下的文章

作者:HelloGitHub-追梦人物[1] 文中所涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库[2] 点击本文最下方的“阅读原文”即可获取 在我们的博客侧边栏有分类列表和标签列表...现在想在分类名和标签名后显示该分类或者标签下有多少篇文章,该怎么做呢?最优雅的方式就是使用 django 的 annotate 方法。...,这样就可以统计出每个 Category 下有多少篇文章了。...在我们的博客中,获取侧边栏的分类列表的方法写在模板标签 get_categories 里,因此我们修改一下这个函数,具体代码如下: blog/templatetags/blog_extras.py from...代码中的 Count 方法为我们做了这个事,它接收一个和 Categoty 相关联的模型参数名(这里是 Post,通过 ForeignKey 关联的),然后它便会统计 Category 记录的集合中每条记录下的与之关联的

71020

如何根据页面标签自动生成文章目录?分析+代码详解

举个例子,我这个网站是这样的: [文章结构] 按F12查看其源码: [源码查看] 分析源码: 网页应该是根据Markdown生成的 文章分目录,使用html的标签,进行分层。...每个标题标签,自带ID,可以使用“#”进行文章定位 综上,就很清晰了: 提取内容部分的~标签(三层的目录……不多不少,嘿嘿),生成tree结构 提取/放置标签ID,作为目录索引,便于目录功能的文章定位...遍历文章 原生JavaScript 单层包括,也就是需要生成目录的文章,外层有一个或其他双标签进行嵌套,如: [只有一个div双标签进行嵌套] 这个时候我们在根标签加上一个ID即可...Vue实现 这里在讲一下Vue如何实现,Vue不提倡我们直接操作页面DOM元素,所以这里我们可以在组件上加ref标签进行关联: [ref标签关联] 获取文章内容,就可以: // 根据ref获取内容 const...“小学生”,有一天能讲前端代码实现……) b0e204be39e8aff15865001b9537cbd0 (1).gif 总的来说,生成目录还是很简单的。

5.1K91

Jekyll 优化合集

功能需求 原有的 Rouge 代码高亮支持的语言种类较少、代码主题有限; 由于主题的文章模板限制了文字宽度在适合阅读的 30 字左右,图片尺寸相应也受到了限制,无法放大和集中观看; 主题提供的首页是文章卡片...虽然标签标签分类,但是因为存在大量重复也不是很方便; 如果想要将文章整理成一个系列或者专题,恐怕比较困难,只能通过建立单独的页面和编写代码的方式生成列表。...这个问题其实主要还是在统计上,由于这些非可计数内容不在正常字数统计内,也无法根据它们的数量来评估对应所需的时间,自然也不能加入到阅读时长里。...回过头来看,这里的字数统计及阅读时长估算功能本来就是给读者一个信息好做出预判,至于读者阅读是否需要那么长时间或者甚至更长时间,那都没有太大关系。...参考资料 让 Jekyll 支持 LaTex 数学公式(MathJax v3) Jekyll 实现文章阅读耗时与字数统计 Jekyll 中如何做中文字数统计 版权声明:如无特别声明,本文版权归 仲儿的自留地

2K30

模板层面向typecho编辑器页面插入代码

上篇文章《模板层面向 typecho 编辑器页面插入 css js》中讲到一种向编辑器中插入css的奇葩方式,某些时候那么写确实能解决不少问题。...但是 但是,文章编辑界面源代码中是加载了jquery的,但是在页面偏底部,而上篇文章中讲到的方法是插在jquery代码之上的,也就是说那种方法如果插入js代码的话,就不能依赖jquery,除非在引用一个...> 你的css代码或者js代码,js可以依赖jquery来书写 例如实现上篇文章《模板层面向 typecho 编辑器页面插入 css js》的代码 Typecho_Plugin::factory('admin...p:after {content: "YoDu魔法优化中";margin-left: 6px;font-size: 12px;} 当然这样可玩性就高了,下图展示个我的一个小成果,模板层面向编辑器中加入字数统计功能...: 字数统计功能展示.png

59220
领券