其实这些细枝末节的事很少有人注意，前几天看公众号的时候看见公众号的时间显示的很好，比如能看到刚刚、10分钟前、昨天、前天等等，这样看上去很舒服有没有，至少我是这么觉得，但是zbp官方给出的代码可以显示部分...，但是超过一定时间就显得臃肿，比如，去年发布的就可能会显示“3年前 (2018-06-08)”看着很长，而且在移动端显示并不友好，像之前的主题我还会提议在移动端显示正常的时间，要不小手机根本看不全。...今天抽时间百度了一下，结合zbp官方代码，结果了以上问题，既可以像微信公众号显示的那么完美，超过年限又不会显示那么长，行了，废话少说，附上代码： function 主题ID_TimeAgo($ptime...毕竟现在开发者的技术越来越高，我估计快被迫转行了……没办法，技术不够只能细节来凑了，话说新主题快要上架了，目前也是在修改细节，整体的布局都已经完成了，感觉着一路走来，技术的确有所提升，但是明显的感觉到有些吃力，关于文章及列表的友好显示时间代码已经给出
有时我们在设计wordpress模板时需要考虑是否有特色图，在分类页上如果一些文章有缩略图一些没有那就有点参差不齐不美观，有没办法设置如果没有文章缩略图则自动显示默认图呢？...在category.php文件中，我们可以通过has_post_thumbnail()先判断是否有特色图，如果有就调用特色图，如果没有就调用默认图，如/images/default.jpg，代码如下...> 保存上传，刷新缓存，打开分类页看看是不是已经调用默认缩略图了。
想必大伙建站都会写文章，随着时间的推移，你的智慧结晶会越来越多，一般的建站程序早帮你想好了，把这些文章做成一个列表，比如dedecms栏目列表，便于观众浏览，但有个问题就是dedecms文章列表页标题没有序号...，如果是默认的话，第N页的标题和第一页的标题一模一样，对se相当不友好，它会认为你的网站重复页面太多，可能会对你的网站区别对待，那就太委屈了。 ...那么，怎么为dedecms文章列表页标题增加序号呢？织梦cms有一个文章列表函数:dede:pagelist，但这个函数可能没有具体运用到模板标题中，so，我们来just do it。 ...- {dede:global.cfg_webname/} 但是这样还是不够完善，列表第一页还是会重复，比如/js/gdjs/和/js/gdjs/list_73_1.html内容是一样的，却出现了两个...参考自“DedeCms栏目列表标题第x页序号的完美修改方法”，请自行搜索。 既然要做，就做得彻底些,把描述标签(description)也完善一下吧。
只关注View层，与后台耦合度低，前后端分离 3.减轻后台渲染画面的压力 1.更好的SEO，搜索引擎工具可以直接查看完全渲染的画面 2.更快的内容到达时间 (time-to-content)，用户能更快的看到完整渲染的画面...路由中路径匹配 组件位置及其名称 / pages/index.vue /user/:id pages/user/_id.vue /:slug pages/_slug/index.vue /:slug/comments...要求：父组件 使用 显示子视图内容 pages/ --| book/ //同名文件夹 -----| _id.vue -----|...to="/child/book/list">书籍列表 | 书籍详情 | ...">登录 | 详情 | 默认页</nuxt-link
>> WordPress根据显示的页面类型自动添加适当的类。 例如，如果您在存档页面上，WordPress将自动将存档类添加到body元素。它几乎针对每个页面都执行此操作。...在向您展示特定用例场景之前，我们将向您展示如何使用过滤器添加body类，以便每个人都可以在同一页面上。...:#ff0000; } 这是在我们的演示站点上的样子： 您可能需要查看可在WordPress中使用的条件标签的完整列表。...将分类名称添加到单个文章页面的body类中 假设您要根据单个文章的分类来自定义它们的外观。您可以使用body类来实现此目的 首先，您需要在单个文章页面上将分类名称添加为CSS类。...希望本文能帮助您学习如何在主题中使用WordPress body类，如果对于这篇文章有什么疑问，可以在下面留言讨论。
Nuxt.js 概述 1.1 我们一起做过的SPA SPA（single page web application）单页 Web 应用，Web 不再是一张张页面，而是一个整体的应用，一个由路由系统、数据系统...1.4 SPA和SSR对比 SPA单页应用程序 SSR服务器端渲染 优势 1.页面内容在客户端渲染2....只关注View层，与后台耦合度低，前后端分离3.减轻后台渲染画面的压力 1.更好的SEO，搜索引擎工具可以直接查看完全渲染的画面2.更快的内容到达时间 (time-to-content)，用户能更快的看到完整渲染的画面...路由中路径匹配 组件位置及其名称 / pages/index.vue /user/:id pages/user/_id.vue /:slug pages/_slug/index.vue /:slug/comments...5.2.2 布局分析 layouts/default.vue 默认布局组件 访问路径根据路由，确定执行组件 组件具体显示的位置，有布局来确定 5.2.3 公共导航 修改 layouts/default.vue
继上篇 django2实战3.模型的增删改查 我们已经知道如何操作文章表的数据，接下来要将这些数据用界面显示出来。...这就需要用到django的view层负责处理http请求，并将数据传给template模板进行渲染 url适配 首先定义列表页与详情页的url, url规则如下： 列表页：http://127.0.0.1...如，博客前台要展示的数据肯定是已发布的，如果每次取已发布的数据都要通过过滤条件获取，显得很繁琐。可以通过自定义管理器，将已发布的文章封装成文章类的一个属性。...list.html 列表页，展示文章标题、摘要 detail.html 详情页，展示文章详情内容 html模板引用 Bootstrap4 base.html {% load static %} <!...列表页 点击列表页的文章标题，进入详情页，注意查看详情页的url http://127.0.0.1:8000/blog/2018/9/6/jiang-jin-jiu ?
但前台页面定制需要覆盖样式； 第三版：NextJS + TailwindCSS + Postgresql 优点： 服务端渲染（SSR) + 静态生成， 访问速度极快，全新 UI 支持换肤； TailwindCSS 在国外如火如荼...getStaticProps(context) { // fetch data return { props: { //data }, } } 这样就需要在构建时获取全部文章列表...下面是文章详情页的主体代码 // pages/posts/[slug].js import { useRouter } from 'next/router' function Post({ post...const post = await res.json() // 把数据专递给页面的props return { props: { post }, //当请求进入的时候再次生成文章详情页...自己写的组件 ，这一版发现掘金的 Markdown 编辑比较好用，就直接使用了bytemd, 底层都是使用了 remark 和 rehype，支持任何框架，并且拥有丰富的插件，还是比较好用的，但是在文章详情页却没有单独的
getStaticProps(context) { // fetch data return { props: { //data }, } } 这样就需要在构建时获取全部文章列表...，则在构建之外的文章都将返回404页面。...下面是文章详情页的主体代码 // pages/posts/[slug].js import { useRouter } from 'next/router' function Post({ post...const post = await res.json() // 把数据专递给页面的props return { props: { post }, //当请求进入的时候再次生成文章详情页...自己写的组件 ，这一版发现掘金的 Markdown 编辑比较好用，就直接使用了bytemd, 底层都是使用了 remark 和 rehype，支持任何框架，并且拥有丰富的插件，还是比较好用的，但是在文章详情页却没有单独的
首页是一个文章列表，采用了动态路由，点进去可以跳到对应的文章。人员介绍页面采用了嵌套路由。在左侧点击人员，右侧可以相应出来人员的信息。好，让我们来开始吧。 布局 一般网站都有公共的头部、底部。...这个布局文件不需要包含 标签。可以把这个布局文件当成是显示应用错误（404，500等）的组件。...中编写一个文章列表并链接到对应的文章页面，如下: ...{{content}} 这是文章1 这是文章2</li
开始 安装 在项目中安装 @nuxt/content模块: yarn add --dev @nuxt/content 或 npm install --save-dev @nuxt/content 或 pnpm...add -D @nuxt/content Then, add @nuxt/content to the modules section of nuxt.config.ts: nuxt.config.ts...命名路由中间件，放置在middleware/ 目录中，在页面上使用时会通过异步导入自动加载。...你也可以设置传递给' '的道具(查看完整列表这里)。 你可以为这个属性设置一个默认值在你的nuxt.config中。 key See above. layout 您可以定义用于呈现路由的布局。...最小的使用 在Nuxt 3中，pages/目录是可选的。如果不存在，Nuxt将不包含vue-router依赖项。这在处理着陆页面或不需要路由的应用程序时非常有用。
功能转需求 需求澄清 针对这个功能，我需要考虑的几个需求点如下： 在文章的显示页面增加一个跳转地址，可以跳转到文章编辑页面 创建一个文章编辑页面，打开之后能显示文章的内容，并且直接放到 markdonw...创建编辑页视图及url 首先创建一个编辑的视图，可以直接使用类视图： class DetailEditView(generic.DetailView): """ 文章编辑视图 "...return obj 这里直接使用的内置的视图类，比较方便，然后就是在获取实例的时候需要进行用户判断，也就是非作者及超管无权访问，直接返回404页面就行。...在文章页面添加跳转地址 新增的编辑页面已经做好了，那么现在需要在文章的内容页面添加跳转，我选择的地方是文章内容页面上的面包屑地方，当普通用户看到的还是文章标题，而管理员和作者看到的标题就是可以跳转到编辑页面的...slug 字段，这个字段是唯一的，所以可以用来确定文章。
/post/2020/id/title)Nuxt.js|- pages/ |- blog/[slug].vue → href="/blog/:slug" (eg....Nuxt.js：官方未提供支持，但是有其他实现途径，如使用框架的 serverMiddleware 能力。...：称为 Layout，可以在 layouts 文件夹下创建组件，如 layouts/blog.vue，并在路由组件中指明 layout，也就是说，Nuxt.js 中可以有多套容器，其中 ...文章内容来源：前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify https://juejin.cn/post/7030995965272129567Next.js和Nuxt.js...的语法比较https://zhuanlan.zhihu.com/p/138005020转载本站文章《Next.js/Nuxt.js/Nest.js/Fastify》,请注明出处：https://www.zhoulujun.cn
这篇文章主要介绍名片页的路由过渡是如何去做的 介绍 在19年，我就写了一个较为炫酷的个人名片页。...这个名片页其实在去年12月就开始写了，刚开始没做SSR，最近尝试迁移到了Nuxt，路由动效之类兼容也很折磨，不过这不是这篇文章的重点，就不多说啦~ 文章页是前几个星期才刚加上的，目前是把旧WordPress...博客当CMS用，但是有些太重了——给文章页加上了Redis swr缓存，才能勉强保证流畅访问。...最近在食用基于 Crossbell 链的 xLog，感觉非常不错，希望研究明白之后能把文章页接入 xLog。 分析 路由结构 首先是路由结构（关系到之后页面如何进行变换）。...目前，这个名片页有5套页面 /me(别名 /)，/friends，/projects，/blog/:slug，/404。
author=request.user, title=title, content=content, slug=slug,...['title'] post.content = request.POST['content'] post.slug = slugify(post.title)...如果请求方法是GET，视图函数将渲染一个包含创建新文章表单的HTML模板。 第二个视图函数是post_detail，它显示单个博客文章的详细信息。...如果请求方法是GET，视图函数将渲染一个包含编辑现有文章表单的HTML模板。 最后一个视图函数是PostList，它显示所有博客文章的列表，并允许用户创建新的博客文章。...这个视图函数使用Django的通用视图类CreateView来处理创建新文章的表单，然后重定向到post_list视图函数，这个视图函数将渲染一个包含所有文章的列表的HTML模板。
：${comment.content!}...>下一页 2、获取文章归档列表的分页数据（archives） 下一页 3、获取搜索结果文章列表的分页数据（search） 下一页 4、获取标签下文章列表的分页数据（tagPosts） 下一页 5、获取分类下文章列表的分页数据（categoryPosts）
调用分类文章 根据分类mid获取某个分类下的文章列表 widget('Widget_Archive@fenlei', 'pageSize=6&type=category', 'mid=1')->to($...> 以上就是获取分类mid等于1的最新6篇文章，pageSize=6就是指定调用数量，mid=1指定分类mid，也可以用缩略名方式替换如slug=name其中name就是mid等于1的分类的缩略名。...调用标签文章 根据标签mid获取某个标签下的文章列表 widget('Widget_Archive@biaoqian', 'pageSize=6&type=tag', 'mid=1')->to($new...> 以上就是获取标签mid等于1的最新6篇文章，pageSize=6就是指定调用数量，mid=1指定标签mid，也可以用缩略名方式替换如slug=name其中name就是mid等于1的标签的缩略名。...当 type 为 author 时，根据用户显示相关文章；为其他值时，根据标签显示相关文章。 linkCard('.post-content','0');
# 中间件文件├── pages/ # 应用的路由和视图，每个文件对应一个路由│ ├── index.vue # 默认首页│ └── [slug...动态路由Nuxt.js支持动态路由，这对于处理如博客文章、用户资料等具有动态ID的内容非常有用。在pages/目录下创建一个动态路由文件，如id.vue：<!...8. 404 页面： 设置 generate.fallback 为 true 会为未预渲染的动态路由生成一个404页面，当用户访问这些路由时，Nuxt.js 会尝试在客户端渲染它们。...这意味着你可以使用类似 Vue CLI 的命令行工具，如 npx nuxt generate（静态生成）或 npx nuxt build（构建应用）。...例如，集成 Vue Toastify 用于显示通知： // nuxt.config.js export default { plugins: [{ src: '~plugins/toastify.js
> 3、完整路径标题如分享几个 Typecho 中常用的调用函数 21、获取文章分类列表 25、获取最新评论列表 (只显示访客评论不显示作者或者说自己发的评论) 34、获取当前文章页缩略图 attachments(1)->attachment->url(); ?...> 务必注意，这里所谓缩略图指的是当前文章页第一个附件地址，请确保第一个附件类型为图片。 35、根据页面类型显示内容 判断是文章页则显示内容 <?
比如直接在文章编辑时直接插入[products]，或者在php文件中插入<?php echo do_shortcode('[product]'); ?...orderby skus– 以逗号分隔的产品 SKU 列表。 category– 逗号分隔的类别蛞蝓列表。 tag– 以逗号分隔的标签 slug 列表。...on_salebest_selling 内容产品属性 attribute– 使用指定的属性 slug 检索产品。 terms– 要与 一起使用的属性术语的逗号分隔列表。...ids– 将根据逗号分隔的帖子 ID 列表显示产品。 skus– 将根据逗号分隔的 SKU 列表显示产品。 如果商品未显示，请确保未在“目录可见性”中将其设置为“隐藏”。...当您使用其他短代码（如 ）并希望用户获得有关其操作的一些反馈时非常有用。
领取专属 10元无门槛券
手把手带您无忧上云
