/components/header' import { Link,graphql } from 'gatsby' const Layout = ({ data }) => { const {...date excerpt } } } } } `; export default Layout; 打开首页,看到文章列表就大功告成了
/components/header' import { Link,graphql } from 'gatsby' const Layout = ({ data }) => { const { edges...{ frontmatter { title path date excerpt } } } } } `; export default Layout; 打开首页,看到文章列表就大功告成了
使用下面loop只能展示当前分类下的文章 如果要展示所有文章则需要用到WP_Query 示例 <?
为什么用 GraphQL 在上一节介绍了选择 Gatsby 的原因,其中提到了 Gatsby 使用 GraphQL 。大家可能会有疑惑,不是建静态博客么,怎么会有 GraphQL?...另一个需要理解的是 Relay 的 Connections 概念,你会发现 Gatsby 里所有的数据集合都是以这种方式查询。推荐阅读 Apollo 团队分享的文章[18]。...对于 Contentful 来说,文章是放在 Contentful 的服务器上的,管理也是通过 Contentful 提供的工具。当然其质量还是不错的,喜欢的可以参照官方的教程[19]搭建。...通过实现自定义路径基本上可以了解 Gatsby 页面生成的方式了。下节中我会继续谈谈其它个性化的配置,如草稿模式和显示上下篇博文。 草稿模式 草稿模式即可以将文章保存为草稿而不被渲染出来。...首先是普通的文章页面生成,这个是在 createPages 钩子中,如果你的博客只有文章用到 Markdown 的话,可以在 GraphQL 查询中直接过滤,否则我们用前面文章的方法,先取所有 Markdown
今天登录社区的时候看到有之前的文章有个留言的评论,说如何统计typecho所有文章的字数,这里分享一下代码。
关于 loop subcat 不明白的朋友请看 PHPCMS{loop subcat(0,0,0,
说明:Typecho 博客默认没有自动摘要的功能,博客首页和分类归档页面显示的文章都是全文输出的,对于内容文字很多的文章,会把页面拉伸得很长,显示得也不怎么美观。但博主可以在发表文章的时候手动摘要。...方法 在发表文章的时候,在文章内容中添加标签即可。 比如内容一共有五段,要显示前三段,就在第三段结束处添加标签代码
为了水篇博客,我也是尽力了。
问题描述 今天莫名其妙的主题首页文章列表一直显示加载中,加载不出来。 解决办法 想了很多办法没有解决,查看更新日志。有一条,关闭typecho的debug模式。
温馨提示:所有代码请在模板默认上测试,因为不确定模板是否有相同代码出现,所以在运行上可能会出错。 第一种方法:模板的module.php文件中放入如下代码: 文章,图文显示 function sheli_tw($sort, $num){$db = MySql::getInstance(); $sql = "SELECT gid,title...images/sheli.jpg';//无图片时显示 if(pic_thumb($row['content'])){$img_url = pic_thumb($row['content']);//查找正文第一张图片...> 然后在需要显示的位置放入下面代码 sortid='1'中的1为分类ID,LIMIT 0,15中的15为显示数量
而我们只想隐藏内容而显示标题,就需要进行下面的操作。
问题 前两天准备发布上一篇介绍CLI11的文章,结果写好markdown之后本地测试发现问题: 文章最后内容突然缺失 导航栏,底部的返回顶部按钮均异常 查看网页源代码,发现内容消失的地方之后内容全部是空格...尝试解决问题,发现文章变短显示就正常,使用hexo新建blog,测试长文显示OK,换上同样的主题也没问题,说明是我的环境配置哪里出错....经测试是某篇文章出现了http://host:port/data/字段,在某些版本hexo库下格式不对, 将其当作代码引起来就可以了.
本篇文章实现了为 Typecho 博客文章评论添加显示 UserAgent(UA)的功能 本功能可替代 UserAgent 插件,更美观、简洁且好看 效果显示 大概就是这样了,实际效果请看我的评论!...> 如果修改完都显示 Linux 的话,需要将上面的 comments 替换成 this 即可,注意代码缩进修改完后刷新浏览器缓存,现在你的评论 UA 已经变得很漂亮啦!
Gatsby 是一个令人难以置信的静态站点生成器,它允许使用React作为渲染引擎引擎来搭建一个静态站点,它真正具有现代web应用程序所期望的所有优点。...Gatsby 最近发布了v1.0.0,推出了很多新特性。包括(但不限于)使用GraphQL创建内容查询的能力,与各种cms集成——包括WordPress、Contentful、Drupal等等。...这个Markdown文件的内容将是我们的博客文章,使用 Markdown 编写(当然!)...现在我们已经创建了一个带有 frontmatter和一些内容的博客文章,我们可以开始编写一些可以显示这些数据的 React 组件。...如果你执行 yarn develop, http://localhost:8000 应该显示每个博客文章的缩略内容,每个文章标题都链接到博客文章的内容。这是一个真正的博客! ?
在某篇文章或当前文章的适当位置显示所有评论者名称列表,或在文章列表摘要下方显示评论者头像,可以引导读者也发个热情洋溢的评论。 1....), $atts ); return get_comment_authors_list( $atts['post_id'], $atts['list_sep'] ); } 1.3 使用方法...1.3.1 调用ID为 123 文章的所有评论者名称,并在模板中使用: php 1.3.2 调用ID为 123 文章的所有评论者名称,并在文章添加短代码: php [comment_authors_list post_id="123" /] 1.3.3 调用当前文章所有评论者名称...> 当然也可以在当前文章中调用: php [comment_authors_list /] 2. 显示头像(加强版) 其实在折腾上面名称时特别想弄一个头像版(替代文字名称)。
不久前写过一篇名为《Emlog时间格式转化,约几天、几月、几年的方式显示》的一篇教程,不过此教程有很多缺陷,今天给大家分享一篇相对比较完善一点的教程,但是也有点小缺点,只考虑30天的情况,其他情况不考虑在内
直接可以在mweb中编写文章,然后一键发布就好了.配置文件如下 这里的网址要写自己的. Tags: mweb Archives QR Code
刚才发了一篇文章,以前博客上的。发现在首页把文章都显示出来了,这个可就不太美观了,也不利于读者阅读。...本来想自己把那个wordpress字段的函数给改改,因为那个据说是只能分割英文,不过发现我的这个代码和网上的已有文章说的都不一样。用我那凑活着的php水平,看看,发现麻烦,写的都是函数调用。
背景 想实现自己的文章一处编写,多处发布到各大平台(比如博客园,CSDN)等要怎么实现呢。需要由这些组成: 文章管理:一个管理文章知识的平台(网站),在这里撰写,编辑文章。...比如:写博客的客户端软件,博客园等。 第三方网站(平台)具有开放的 API 接口,比如博客园的metaWebBlog。 同步服务:读取文章,调开放的API,将文章发布出去。...通过MetaWeblog API,博客平台可以对外公布blog提供的服务,从而允许外面的程序新建,编辑,删除,发布bolg。 MetaWeblog 使用 xml-RPC 作为通讯协议。...XML-RPC是一个远程过程调用(远端程序呼叫)(remote procedure call,RPC)的分布式计算协议,通过XML将调用函数封装,并使用HTTP协议作为传送机制。...博客园文章相关接口: blogger.getUsersBlogs —— 获取用户博客信息 metaWeblog.getRecentPosts —— 获取最近的文章 metaWeblog.getPost
学习自http://blog.csdn.net/u012150179/article/details/34486677 重写了部分代码使之能够爬取本博客. 0.创建项目 scapy startproject...def parse(self, response): sel = Selector(response) #items = [] #获得文章...e4%b8%ad%e6%96%87%e4%bb%a5%e5%8f%8a/"} {"article_name": ["pygame-游戏开发学习笔记(四)–pygame.display.set_mode()显示的问题...//www.urlteam.org/2015/11/ayprocessview%e5%90%af%e5%8a%a8%e5%8a%a8%e7%94%bb%e5%ae%9e%e7%8e%b0/"} 原创文章...,转载请注明: 转载自URl-team 本文链接地址: Scrapy笔记三 自动多网页爬取-本wordpress博客所有文章 Related posts: Scrapy-笔记一 入门项目 爬虫抓取w3c
领取专属 10元无门槛券
手把手带您无忧上云