Gatsby 是一个令人难以置信的静态站点生成器,它允许使用React作为渲染引擎引擎来搭建一个静态站点,它真正具有现代web应用程序所期望的所有优点。它通过在构建时通过服务器端渲染将动态的 react 组件呈现为静态 HTML 内容。这意味着您的用户可以获得静态站点的所有好处,比如不使用JavaScript、搜索引擎友好性、非常快的加载速度等等,也并没有失去现代web所期望的活力和交互性。一旦呈现为静态 HTML,客户端站点的React和JavaScript会接管它并添加动态的内容。 Gatsby 最近发布了v1.0.0,推出了很多新特性。包括(但不限于)使用GraphQL创建内容查询的能力,与各种cms集成——包括WordPress、Contentful、Drupal等等。还有基于路由的代码分布使得用户体验更佳。在这篇文章中,我们将深入探讨 Gatsby 和一些新特性,并创建一个静态博客。让我们开始吧!
使用Carbon增加源代码截图。将代码粘贴到文本区域并自定义颜色主题,背景和窗口框架。一旦准备好,您就可以下载照片并感觉像摇滚明星。至少那是我们书呆子想象的方式。
原文发表于:https://avenirzheng.net/blog/2020/deploying-gatsby-to-tencent-cloud/
微言码道的官网是我在2021年元旦三天假期的时候做的一个网站,自那以后,因为业余时间有限,除了网站内容上有所变更以外,网站本身没有任何更新。
今年年初,我终于决定将自己的网站从基于 PHP 的 CMS 移植到基于 JavaScript 的静态网站生成器(SSG)了。原因如下:
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件,如果 CSS 和 JavaScript 内联代码或者文件一多,就开始出现了两个比较难受的问题:
StaticImage 是 gatsby-plugin-image 提供的组件,类似html 中的 img 标签,可以在页面中直接使用。
WordPress 5.5 发布,这个版本在「速度」、「搜索」、「安全」这三个方面加强了网站的能力:
Gatsby 是在 Node.js 的基础上建立,使用 Gatsby 之前必须先安装 Node.js 且版本 ≥ 12.13。使用 Gatsby CLI 工具,三句命令就可以新建一个静态网站。详情步骤,看这里!
对于开发者而言,2017出奇的高效,不过2018年有望为IT领域带来更多发展。本文中,为了处理项目时紧跟潮流,我们会描述出每个前端编程人都需要关注的2018年JavaScript的五种主要发展趋势。
最近在研究JAMStack的一些相关内容,发现这的确是个好东西,所以想写一篇文章把这个概念分享给还不了解JAMStack的同学。本篇文章主要包含以下的内容:
在过去的几年中,Vue.js 已成为 Web 应用程序开发的流行选项。用户变多后,这个框架开始将触角伸向了静态站点生成,一个曾经由 React 统治的领域。
代表了一种开发功能强大的 react.js 组件的全新方式,这些组件在完全可定制的同时开箱即用。
veImageX 是字节跳动旗下的火山引擎推出的图像、文档等各类素材上传、托管、智能处理和 CDN 分发一站式解决方案,WPJAM Basic 的「CDN加速」功能也在第一时间整合了 veImageX。
驯服混乱并改变您的内容。 如果您想展示您的内容(帖子,图像,视频,音频文件以及您能想到的任何其他内容),从而为网站访问者带来引人入胜的体验,那么本文将帮助您做到这一点。
Swift性能插件的首要特点是提高 WordPress网页的运行效率,其性能与 WP快速缓存、W3高速缓存均是 WP Rocket的有力竞争者。它的特点很多,包括 HTML, CSS, JavaScript,图片和数据库的最优。
我们生活在一个真理不再是非黑即白的世界。在我们生活的世界里,媒体明白,影响人们的最佳方式不是通过逻辑,而是通过情感。他们明白我们人类不是通过有意识的思考和逻辑处理来做决定,而是通过隐藏在我们心灵中的无意识倾向来做决定。对通过媒体赚钱的人来说是好事,对像我们这样消费媒体的人来说是坏事。
WP Fastest Cache 是一个多功能缓存插件,通过创建HTML文件来帮助减少您网站的页面加载时间,由于 WordPress 网站是通过 PHP 和 MySQL数据库呈现的,因此每次从服务器请求页面时都需要使用 RAM 和 CPU,会减慢加载时间,并在用户的计算机或设备以及数据库上投入更多精力。但是,使用缓存系统,页面会呈现一次,然后存储为静态 HTML 文件,从而减少每个新访问者的加载时间。
虽然网站的美感很重要,但它的内容和加载速度会让人们回访。WordPress 为用户提供了一个复杂的插件和主题工具箱,可以快速创建他们自己的自定义网站。
在视觉文化时代,如果您的网站包含图片,则它会获得更多的观看次数。 研究表明,如果带有照片或视频,您的内容将获得更好的好评。
我的博客最初是用 Github Pages 默认的 Jekyll[2] 框架,其使用的 Liquid[3] 模板引擎在使用上有诸多不便。
了解内容管理系统(CMS),如WordPress和其他站点生成器如何使响应式图像的使用更加容易。
一个非常简单的键盘记录程序,可捕获击键并将其每秒发送到外部页面.JS和PHP代码在归档中提供的PHP。
我的这个博客站点大约始建于2010年以前,使用过 dlog、pjblog、zblog 等博客程序,也手动建立使用过纯静态 HTML 页面,大约2010年开始使用 WordPress。最近几年有感于 WordPress 过于臃肿复杂,而我的目的只是想写点什么,给自己留下些记录,于是将网站迁移到了更加简洁的hexo。
最近在我们自用插件上开发了一个 WordPress 集成 Unsplash 和 Pexels 免费图库的功能,方便直接搜索免费图片和直接下载插入 WordPress 图库和文章,所有就需要在 WordPress 后台创建弹窗,这样操作似乎才满意。
相信玩Wordpress的小伙伴都想优化自己网站的加载速度。降低Wordpress对系统资源的开销。所以特地写一篇关于本站静态化的方法。
字节跳动的火山引擎也推出了 veImageX 图片服务,veImageX 是面向站长群体提供图像、文档等各类素材上传、托管、智能处理和 CDN 分发一站式解决方案。
继上一篇《渗透测试之黑白无常》之后,当时的目标中还有个WordPress网站,虽然为一批目标但是运行环境却不太一样,同上一篇文章一样本文使用本地搭建环境来复现,如有觉得不合理的地方,可能是本地复现的时候未完全还原真实环境,主要是记录当时在做这个渗透测试的思路以及绕过安全策略的方法。
MDX 是一种文档格式,可以在 Markdown 文档中无缝地插入 JSX 代码。
大家都知道wordpress过于庞大,到了一定的访问量之后就有亿点点的卡顿,加载时间特别感人。但是,WP Fastest Cache这时候就有点用,设置也比较简单,并且拥有汉化,可以切换多种语言。插件有付费版,但是我觉得没有什么必要,免费版功能很全,已经满足缓存需求了。
一个特别有趣的概念是在CSS中使用JS将CSS抽象到组件级别本身,使用JavaScript以声明性和可维护的方式描述样式。所以,我们已经列出了一些有用的项目来开始。
提升WordPress网站的性能发生在几个层面,可以做一些事情来优化网站,有很多非常好的图像压缩和优化工具。选择正确的永远是关键。通过安装图像压缩插件轻松解决,插件会在您上传图像时自动优化图像。这些插件不会减慢您的WordPress托管速度。
WordPress日志缩略图插件. 可以为每篇文章自动生成文章缩略图, 可以在侧边栏显示随机日志缩略图列表或最新日志缩略图列表. 所有缩略图将自动从文章中提取生成, 非常方便. 支持默认缩略图设置. 缩略图可结合其它插件实现各种图片特效, 比如Highslide等. 插件主页
作者 | Kurt Bittner 、Pierre Pureur 译者 | 平川 策划 | 丁晓昀 无论你是编程新手还是资深开发人员,学习新的概念和语言(或框架)都是跟上快速的技术发展节奏的必要条件。 以 React 为例,它由 Facebook 在四年前开源,现在已经成为全球 JavaScript 开发者的首选。 当然,Vue 和 Angular 也有它们自己的追随者。还有 Svelte 以及像 Next.js 或 Nuxt.js 这样的通用框架,还有 Gatsby、Gridsome,等等。 如
每个做过一些 SEO 工作的人,甚至那些刚开始从事 SEO 工作的人,都可能听说过 CDN。CDN 在网站的性能和速度方面发挥着重要作用,因此,它们可以帮助在 SERP(搜索引擎结果页面)中排名。因为它们会缓存您的内容,所以 CDN 允许您的站点在收到请求时更快地生成内容。这会导致页面加载速度变慢,并增加使访问者在您的网站上停留更长时间的可能性。当您将所有这些都考虑在内时,CDN 将成为 SEO 优化工作和创建更流畅用户体验的非常有用的工具。
WordPress 有插件、 jQuery 有插件、Gatsby、Eleventy 和 Vue 也是如此。
对于 gatsby-starter-blog,在 src/templates/blog-post.js 的 BlogPostTemplate 类中添加:
参考 https://github.com/rmcfadzean/gatsby-pantry/tree/master/examples/starter-blog
WordPress需要部署在服务端,如果我们只是为了看下效果或者测试开发使用,那就需要直接部署在本地。而我之所以想要在本地部署也是因为打算开发一个WordPress 的插件,在服务器上搭建和测试插件太不方便了。按照以前的思路是需要在本地安装 phpStudy、XAMMP这类服务器软件,现在有了Docker 可就方便多了,只用安装相应镜像跑起来就可以了。
研究人员披露了一个影响三个不同 WordPress 插件的安全漏洞,这些插件影响了超过 84,000 个网站,并且可能被恶意行为者滥用以接管易受攻击的网站。
静态站点构建是现代Web开发的热门趋势之一。它可以提供快速加载、安全可靠、易于扩展的网站,而不需要服务器端代码。本文将深入探讨静态站点构建的关键概念,为您提供一份全面的指南,并提供带有实际代码示例的技巧,以帮助您创建卓越的静态网站。
在本文中,您将看到三种最好的静态站点生成器的比较,它们的优点、缺点以及您应该使用它们的原因。
这几天真的不好受,网站遇到各种奇葩问题,首先不说我的站卡的问题,先说说开启腾讯CDN中间源
盘点2020年wordpress常用的50个插件合集,50个插件已经打包整理好,可以选择性安装或者是去搜索添加。如果后台经常出现安装不成功的!大部分的插件是可以在网上搜到的或者是在wordpress后台搜索添加。
如果你想赞助食堂,可以订阅本周刊的竹白专栏付费版,食堂给你准备了专属的会员通讯,以及前端食堂数字花园知识库的访问权限。
WordPress 是国际知名的开源博客软件和内容管理系统。全球约30%的网站(7亿5000个)是使用 WordPress 架设的。由于 WordPress 具备强大的模板系统、灵活的插件机制和优秀的插件生态,很多用户不但使用它来搭建博客网站和内容管理系统,还用它来建设各类商业网站和业务系统。
就其 SEO 而言,网站和网页的速度和性能非常重要。速度更快的网站可能在搜索引擎结果页面上排名更高。它也有可能获得更多的网络流量和浏览量。对于商业网站,这直接转化为营业额的增加和更好的覆盖面。
在移动、Web 和桌面应用或 JavaScript 库的开发领域中,文档在应用的成功之路上扮演着非常重要的角色。但如果你曾经编写过文档,就肯定会同意我的看法:编写文档是开发人员最不喜欢做的事情之一。
自2019年10月左右起,国内访问WordPress官网大多结果都是“429 Too Many Requests”,导致程序和插件的升级都变得相当困难。
我们有时在使用WordPress媒体库时,可能会遇到无法正常加载的情况,比如不显示图像/缩略图、会无限旋转、或者根本不会加载。那么WordPress媒体库无法正常加载该怎么办?本文将介绍几种常用的修复方法,希望对大家有所帮助。
领取专属 10元无门槛券
手把手带您无忧上云