最近在把很多应用从Apache转入Nginx下,遇到最棘手的问题莫过于两个平台下rewrite规则的重新调整,下面就拿WordPress为例,和大家分享一下WordPress在多站点模式下,如何配置Nginx...我们在开启WordPress(版本:3.2.1)多站点模式的过程中,会提示我们将一段rewrite写入.htaccess文件中,如下: RewriteEngine On RewriteBase /...] RewriteRule ^[_0-9a-zA-Z-]+/(.*\.php) 1 [L] RewriteRule . index.php [L] 上面这些规则是应用于Apache的,到了Nginx下是行不通的...开始,我从网上找了很多案例进行尝试,没有一个能够正常运行,于是经过一番摸索后,写出了下面的规则,WordPress多站点模式在这套规则下可以正常运行。...下面是我调整后的Nginx下rewrite规则: location ~ /[_0-9a-zA-Z-]+/wp-admin/$ { rewrite ^/[_0-9a-zA-Z-]+/wp-admin
这个入门单元会在两个阶段启动一个带有响应前端的 WordPress 后端,与 WP REST 编程接口进行对话。要使用它,请克隆保管库。...在我们与不同客户的合作中,我们看到了一些情况、业务原因和项目先决条件,这些情况使带有响应前端的 WordPress 后端成为好兆头。...(很大程度上取决于你的具体设计,但从叙述上讲,我们看到在将前端推进到 Respond 之后,客户站点的反应时间大幅下降。)...由于 REST 编程接口已经在 WordPress 中使用了大约一年,因此具有响应功能的 Headless WordPress 在特定情况下的功能令人钦佩。...一种使用 WP Move DB Master 有效地从网络上任何地方的当前 WordPress 机构引入信息的工具,并且它与模块一起使用(需要许可)。 由 Next.js 控制的入门前端响应应用程序。
,使用 React 和 Next.js 做一个简单的博客网站(上)》和 《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(中)》这两篇文章里,我们一起完成了一个基于 MakeDown...在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(中)》这篇文章里,我们使用了getStaticProps() 这个方法在项目编译时(build)处理生成 MD 动态路由相关的逻辑...到这里,服务端渲染的功能就完成了,我们通过 npm run dev 重启下 next.js 服务器,在浏览器上点击 http://localhost:3000/about 预览,就会看到如下图所示的界面... ); } 接下来,重新运行 Next.js 服务,每个页面都添加了黑暗与白天切换的模式功能 ,效果如下 GIF 动图所示: 三、编译发布网站 到这里为止...添加 SSR 功能 尝试从其他内容源获取博客文章内容(服务端API数据接口、wordpress等) 六、相关阅读 《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)》 《动手练一练
zx涵盖了多个软件包提供的功能: node-fetch:使用与浏览器中相同的API发出HTTP请求 fs-extra:运行文件系统 Globby:匹配给定用户友好模式的文件名 排在第二位的是Vite。...这一概念与静态站点生成 (SSG) 非常相似,但主要区别在于Astro支持在页面中使用动态交互内容。...以下是能够在客户端渲染动态组件的情况: 页面加载时 页面闲置时,前提是它是一个低优先级的组件 当使用浏览器Intersection Observer API时组件可见时 Astro最大的优势在于其页面可以使用...而Svelt的作者Rich Harris于去年加入Next.js后的Vercel团队。 与Next.js类似的是,Svelte拥有自己的元框架,即SvelteKit,可构建高性能应用程序。...2022年能否成为JavaScript全栈应用的黄金时代呢?让我们一起期待一下吧!
zx涵盖了多个软件包提供的功能: node-fetch:使用与浏览器中相同的API发出HTTP请求 fs-extra:运行文件系统 Globby:匹配给定用户友好模式的文件名 排在第二位的是Vite。...这一概念与静态站点生成 (SSG) 非常相似,但主要区别在于Astro支持在页面中使用动态交互内容。...以下是能够在客户端渲染动态组件的情况: 页面加载时 页面闲置时,前提是它是一个低优先级的组件 当使用浏览器Intersection Observer API时组件可见时 Astro最大的优势在于其页面可以使用...而Svelt的作者Rich Harris于去年加入Next.js后的Vercel团队。 与Next.js类似的是,Svelte拥有自己的元框架,即SvelteKit,可构建高性能应用程序。...2022年能否成为JavaScript全栈应用的黄金时代呢?让我们一起期待一下吧! 参考链接 https://risingstars.js.org/2021/en#conclusion
考虑都到了2022新的一年了,就想着对它再折腾一下,周末我也调研了next.js以及tailwind css等朋友推荐的不错的前端技术,但最终没有采纳。...文末会简要说下为什么没有采纳next.js与tailwind css。...在最初的技术选型时,有考虑过hexo以及Wordpress两个选项。...为什么没有采用next.js与tailwind css 在与一些前端朋友讨论前端网站技术时,next.js是被推荐的,tailwind css过往也被提及过。...而MUI则有一整套组件可供使用。 所以,在尝试与权衡后,决定仍然使用了Gatsby+MUI的搭配。 永不停止的折腾 当然,微言码道的官网不会就折腾到此为止。对它的折腾仍然是永不停止的。
zx 涵盖了多个软件包提供的功能: node-fetch:使用与浏览器中相同的 API 发出 HTTP 请求 fs-extra:运行文件系统 Globby:匹配给定用户友好模式的文件名 排在第二位的是...这一概念与静态站点生成 (SSG) 非常相似,但主要区别在于 Astro 支持在页面中使用动态交互内容。...以下是能够在客户端渲染动态组件的情况: 页面加载时 页面闲置时,前提是它是一个低优先级的组件 当使用浏览器 Intersection Observer API 时组件可见时 Astro 最大的优势在于其页面可以使用...与 Next.js 类似的是,Svelte 拥有自己的元框架,即 SvelteKit,可构建高性能应用程序。 排名第五的是 Solid,是 React 的替代工具之一。...2022 年能否成为 JavaScript 全栈应用的黄金时代呢?让我们一起期待一下吧!
wordpress开启多站点模式,多站点模式即是使用一套wordpress程序就可以搭建多个独立、互不干扰的wordpress站点,各站点之间的用户、文章、附件等都互不干预。...wordpress的多站点模式对于需要搭建多个不同语言外贸站子站点的用户,或者不同主题的演示网站的用户来说都非常理想。...开启多站点: 1、编辑wordpress网站根目录的wp-config.php文件,在文件中添加以下代码: define('WP_ALLOW_MULTISITE', true); 图片 2、进入“网站后台...安装该插件后,在域映射配置选项绑定主机的IP地址后,在域名选项把站点ID和要绑定的域名绑定在一起就ok了,要注意的是这一步工作,一定要把带有www.开头和没有www开头的都要绑定(www.qmzm.io...6.成功建立子站后,所有的站点的固定链接都会被更改,请手动把原来的固定链接修改回来就可以了,如果在开启多站点前使用的WordPress默认的固定链接方式,则不会有这一步的变化。
我喜欢用三个里程碑来界定目前 Web 发展的历史: HTML + CSS + JavaScript 模式的诞生 -> 静态页面时代 Server-Side-Render (SSR) 的诞生 -> 动态页面时代...事实上也如此,看 React / Vue 的 Star 和 NPM 下载量就能看出来人们对 SPA 有多热衷了: React GitHub Vue GitHub React NPM Vue NPM...聊聊我个人的经历 我大概是 17 年开始使用 React 的,到现在为止已经 4 年了,而事实上,我制作的大部分页面都是使用 React 编写的,就拿我博客来说,我的博客到现在已经是第五版了,站点的重写经历如下...事实上我也取得了一定成果,切换成 Next.js 后,React SSR 变成了开箱即用的功能,再加上 SSR 不需要传输所有资源,性能也一下子上去了。...我相信,静态页面的文艺复兴只是一个信号,会逐渐让大家相信,每一种技术都有它自己的存在意义与适用场景,就像打工人,专业对口才是真正的奥义~。
Astro 2.0 的混合渲染把这两种渲染能力结合在了一起。 将静态和动态内容混合在一起可以带来新的可能性: 1. 提高热度页面的渲染性能; 2. 提高大型站点的构建性能; 3....向已有的静态站点中加入 API。 在之前的版本中,使用 Astro 的开发人员必须在静态渲染(针对静态的、内容主导的网站)或服务器端渲染之间做出选择。...有了混合渲染,开发人员可以在构建时预渲染特定的页面或服务器端点,无需放弃已部署的服务器。 大型网站通常有适合使用预渲染技术生成内容的部分,也有需要在请求时生成内容的部分。...对于使用 Jamstack 的大型站点,比较有价值的是增量静态生成,这是由应用程序框架 Next.js 推广的一种渲染方式。...) Web 前端设计开发工具集(JS 框架、CSS 预处理)(https://xie.infoq.cn/article/170673a775bec8d1e407bb035 ) 传统 Web 框架部署与迁移
给定相同的 Vue 单文件组件,Vapor 模式将生成比现有 Vue 标准编译策略更高效的 JavaScript 代码。你无需为整个应用使用 Vapor 模式,可以选择在特定组件上逐个应用。...然而,如果你在整个应用中使用 Vapor 模式,它将消除对 Vue 虚拟 DOM 的需求,这将减小你的打包体积。...部分水合(Partial hydration):通过部分水合,默认情况下,在页面呈现时浏览器不加载页面的任何 JavaScript。相反,随着用户与页面的交互,页面的特定部分会进行水合。...Next.js 目前的应用通常使用 Webpack 作为构建工具。然而,Vercel 一直在开发 Webpack 的继任者 —— Turbopack 。...SPA 模式:Remix 引入了 SPA 模式,允许构建纯静态站点,无需在生产中使用 JavaScript 服务器。
我们将试图回答以下几个关键问题: 现代Web框架在实际使用和性能方面如何比较? 框架选择是否会影响网站的核心Web Vitals? 框架选择与JavaScript有效载荷大小有多相关,以及影响如何?...核心Web Vitals评估在使用真实世界的用户数据和测量方面是独特的。这使它更准确地反映了用户实际上如何体验网站,特别是在较长的会话中。...这会为输入延迟创造机会,而没有客户端导航的多页应用程序(MPA)则没有这种机会。在MPA中,导航到新页面会触发从服务器的完整页面加载,这不被归类为输入延迟。...但是,数据清楚地显示所有网站和框架(包括Astro)仍然难以在实际情况下实现良好的性能。...测试结果表明,FastAPI 在所有负载情况下的性能表现都非常优秀。 此外,本文还介绍了每个框架的特点和使用情况。
前 言 我的这个博客站点大约始建于2010年以前,使用过 dlog、pjblog、zblog 等博客程序,也手动建立使用过纯静态 HTML 页面,大约2010年开始使用 WordPress。...最近几年有感于 WordPress 过于臃肿复杂,而我的目的只是想写点什么,给自己留下些记录,于是将网站迁移到了更加简洁的hexo。 在本地电脑搭建好环境,配置好 hexo 站点。...然而这些都背离了我当初使用 hexo 的初心---简洁,快速。如果要这样折腾,为何不使用 WordPress 等功能更强大的博客程序呢?...喜提Webify 随后便看到了云开发 Webify 这款产品,支持将任意形式的博客,个人站点部署到 Webify。于是去了解了下,发现正是我所需要的,正好解决了我上述的需求。...这意味着我在本地创建 hexo 时所安装和依赖的各种环境和插件,webify完全会自动帮我安装。最后webify生成的hexo站点和我本地运行的完全一样。
你真的应该尝试一下这个项目。 4 用 Svelte 构建一个待办事项 App Svelte 是这个领域的新进者——至少与 React、Vue 和 Angular 相比是这样。...我个人也喜欢使用 Nuxt。你应该尝试一下它,因为它也将帮助你成为更好的 Vue 开发者。...7 用 Gatsby 构建一个博客 Gatsby 是一个很好的静态站点生成器,它在底层使用了 React 和 GraphQL。这个项目看起来是这样的。...我并不是说 WordPress 是一个糟糕的选择,但有了 Gatsby,你可以使用 React 构建一个高性能的网站——这是一个很棒的组合。...Gridsome 与 Gatsby 一样,两者都使用 GraphQL 作为数据层,不一样的是 Gridsome 使用了 VueJS。它也是一个很棒的静态站点生成器,可以帮你构建出很好的博客。
从我个人使用 Blogger 的经验来看,真的在24小时之内,一篇新的文章就会被索引并得到流量。而一般标准页面,可能需要2周。...小结:WordPress 设计方面更佳。 插件插件是 WordPress 另外一个非常棒的特性。WordPress 有几乎令人眼花缭乱非常多的插件,但是同时要保持所有最新的插件更新也会让你心烦意乱。...形成鲜明对比的是 Blogger 似乎没有如此多(没必要)特性。 小结:WordPress 更胜一筹(尽管有些人可能认为这些对 blogging 没有必要)。...支持当我有个关于 FTP 的问题的时候,我在 Google Blogger Help Group上找不到明显的帮助。我不知道来自 Googgle 的人能否读到我的问题。...错误.在我的印象中,Blogger 像是一个在开发中半成品,举个例子吧,好像在使用 labels 时候有个问题,无论什么时候在我的7个 Blogger 的 blog 上使用 labels,发表的时候,它总是报发表错误
WordPress 4.9.8 版本已于 2018 年 8 月 2 日正式向公众发布,我们可以从网站管理区域的仪表板 >> 更新菜单自动更新,或访问wordpress.org/download/release-archive...插件,以测试他们的现有内容和插件如何与块编辑器一起使用。...在 WordPress 4.9.8 中,标注将显示给以下用户: 如果未安装或激活 Gutenberg,则会在单个站点上向管理员用户显示标注,在多站点上显示超级管理员用户。...改进了与多站点中用于隐私电子邮件的站点名称的一致性。 增加了几个核心隐私功能的测试覆盖率。 现在可以调整隐私请求管理屏幕的分页。...除了主要关注点之外,4.9.8 中另一个值得注意的变化是开发人员现在可以为对象子类型注册元键: 使用 WordPress 4.9.8,register_meta()函数不仅支持整个对象类型(帖子,术语,
SSR 仍然是当今 Web 上最常见的渲染方法,是应用框架(如 WordPress)和大型单体技术堆栈的默认选择。...幸运的是,现代前端 JavaScript 框架(如 Astro、Next.js、Remix、Nuxt 和 Gatsby)现在提供了使用最新的 Web 开发平台(如 Netlify)通过底层使用无服务器函数来进行...与 SSR 类似,CSR 最适合动态实时数据,但它也有一些缺点。使用 CSR 的页面上可能需要处理数百兆字节的 JavaScript,因此您的网站可能加载和显示数据很慢。...## 静态站点生成 (SSG)静态站点生成(SSG)是预先生成HTML页面的过程,以便在不需要服务器端渲染(SSR)或客户端渲染(CSR)的情况下立即向用户提供服务。...## 增量静态再生(ISR)增量静态再生(ISR)是Next.js对缓存模式称为“过时但可重用”(SWR)的专有实现。这允许重新生成已修改的单个静态呈现页面,而不是从头开始重新构建整个站点。
它使用了 Next.js App Router 和 Vercel Domains API 进行构建。...性能优化:利用 Vercel 的边缘网络对博客文章进行快速地缓存,并可以使用增量静态再生成 + Next.js 的 revalidateTag API 在需要时 (当用户进行更改) 刷新缓存。...自定义样式:通过 Next.js 基于文件系统实现 Metadata API 来为每个站点设置定制字体、404 页面、favicon 和网站地图等特性。...动态 OG 卡片:每篇博文都有动态 OG 图像,由 @vercel/og 提供支持 Dark Mode:更好夜间模式下的用户体验 该项目适合构建以下类型平台: 内容创作平台:这些内容密集型平台 (博客)...网站与电商店铺生成器:可定制页面且支持非编码方式创建网站。 B2B2C 平台:支持多租能力认证、登录和访问控制等特性。
表单和数据变更 Next.js 9 引入了 API Routes,这是一种快速构建后端端点的方法,可以与前端代码一起使用。...数据变更、页面重新渲染或重定向可以在一次网络往返中完成,确保在客户端上显示正确的数据,即使上游提供者的响应速度较慢。此外,可以组合和重用不同的操作,包括在同一个路由中使用多个不同的操作。...部分预渲染建立在对服务端渲染(SSR)、静态站点生成(SSG)和增量静态重新验证(ISR)进行了十年的研究和开发的基础上。 动机 目前存在过多的运行时、配置选项和渲染方法需要考虑。...class="new-products" /> 由于 组件需要读取cookie以查看用户会话,因此该组件将作为同一HTTP请求的一部分进行流式传输,与静态骨架一起加载...确保这些meta标签与初始页面内容一起发送可以提供流畅的用户体验,防止由于更改主题颜色或视口变化而导致页面闪烁或布局偏移。 在 Next.js 14 中,将阻塞和非阻塞的元数据解耦。
只需在新的远程选项卡中输入您的实时服务器凭据,然后选择要与根目录一起传输的数据库。只需单击一下,您的项目即可生效。...从Live Servers导入wordPress网站将现有wordPress站点从实时服务器导入MAMP PRO。您现在可以更改页面或测试新的插件和模板,而无需修改实时页面。然后,您可以使用您的更改。...将wordPress站点从一台服务器迁移到另一台服务器想要切换您的托管服务提供商?没问题,只需将您的网站导入MAMP PRO并使用新主机的服务器设置进行测试。...多PHP在CGI模式下,您可以使用自己的PHP版本运行每个虚拟主机。这允许您使用不同的PHP版本测试项目 - 无需重新启动服务器。...在模块模式下,您选择将在所有主机上自动运行的PHP版本。例如,如果要检查项目是否在某个PHP版本下运行,这很有用。
领取专属 10元无门槛券
手把手带您无忧上云