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

    一杯茶的时间,上手 Gatsby 搭建个人博客

    为什么用 GraphQL 在上一节介绍了选择 Gatsby 的原因,其中提到了 Gatsby 使用 GraphQL 。大家可能会有疑惑,不是建静态博客么,怎么会有 GraphQL?...另一个需要理解的是 Relay 的 Connections 概念,你会发现 Gatsby 里所有的数据集合都是以这种方式查询。推荐阅读 Apollo 团队分享的文章[18]。...对于 Contentful 来说,文章是放在 Contentful 的服务器上的,管理也是通过 Contentful 提供的工具。当然其质量还是不错的,喜欢的可以参照官方的教程[19]搭建。...通过实现自定义路径基本上可以了解 Gatsby 页面生成的方式了。下节中我会继续谈谈其它个性化的配置,如草稿模式和显示上下篇博文。 草稿模式 草稿模式即可以将文章保存为草稿而不被渲染出来。...首先是普通的文章页面生成,这个是在 createPages 钩子中,如果你的博客只有文章用到 Markdown 的话,可以在 GraphQL 查询中直接过滤,否则我们用前面文章的方法,先取所有 Markdown

    3.2K20

    用 Gatsby 创建一个博客

    Gatsby 是一个令人难以置信的静态站点生成器,它允许使用React作为渲染引擎引擎来搭建一个静态站点,它真正具有现代web应用程序所期望的所有优点。...Gatsby 最近发布了v1.0.0,推出了很多新特性。包括(但不限于)使用GraphQL创建内容查询的能力,与各种cms集成——包括WordPress、Contentful、Drupal等等。...这个Markdown文件的内容将是我们的博客文章,使用 Markdown 编写(当然!)...现在我们已经创建了一个带有 frontmatter和一些内容的博客文章,我们可以开始编写一些可以显示这些数据的 React 组件。...如果你执行 yarn develop, http://localhost:8000 应该显示每个博客文章的缩略内容,每个文章标题都链接到博客文章的内容。这是一个真正的博客! ?

    2.5K30

    WordPress某篇文章显示所有评论者名称或头像

    在某篇文章或当前文章的适当位置显示所有评论者名称列表,或在文章列表摘要下方显示评论者头像,可以引导读者也发个热情洋溢的评论。 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. 显示头像(加强版) 其实在折腾上面名称时特别想弄一个头像版(替代文字名称)。

    8210

    使用metaWebBlog接口实现博客文章同步

    背景 想实现自己的文章一处编写,多处发布到各大平台(比如博客园,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

    1K32
    领券