草庐IT

Hexo-Next

全部标签

From Internet Leader to User Expert, What Are Google's Next Steps?

AttheopeningceremonyofGoogleI/O2022,thechiefexecutiveofficer,SundarPichai,delivereda2-hourkeynotespeech,"Advancingknowledgeandcomputing."OutliningGoogle'slong-termvision,thespeechalsohintedattheevolutionofInternettechnologyinthepost-pandemicera."Searchyourworld,anywayandanywhere"Thistime,GoogleSearc

一文看懂Next.js渲染方法:CSR、SSR、SSG和ISR

译者|布加迪审校|孙淑娟渲染是将React代码转换成HTML的过程。用户选择的渲染方法取决于所处理的数据以及用户对性能的关注程度。在Next.js中,渲染的用途非常广泛。用户可以用静态或增量方式渲染客户端或服务器端页面。看看这些方法是如何工作的以及每种方法有怎样的表现。服务器端渲染就服务器端渲染(SSR)而言,当用户访问网页时,浏览器向服务器发送关于该页面的请求。服务器从数据库获取必要的数据(如果需要的话),并将其与页面内容一同发送到浏览器。然后浏览器将其显示给用户。浏览器对用户点击的每个链接发出此请求,这意味着服务器每次都处理请求。这可能会降低网站的性能。然而,服务器端渲染非常适合使用动态数

一文看懂Next.js渲染方法:CSR、SSR、SSG和ISR

译者|布加迪审校|孙淑娟渲染是将React代码转换成HTML的过程。用户选择的渲染方法取决于所处理的数据以及用户对性能的关注程度。在Next.js中,渲染的用途非常广泛。用户可以用静态或增量方式渲染客户端或服务器端页面。看看这些方法是如何工作的以及每种方法有怎样的表现。服务器端渲染就服务器端渲染(SSR)而言,当用户访问网页时,浏览器向服务器发送关于该页面的请求。服务器从数据库获取必要的数据(如果需要的话),并将其与页面内容一同发送到浏览器。然后浏览器将其显示给用户。浏览器对用户点击的每个链接发出此请求,这意味着服务器每次都处理请求。这可能会降低网站的性能。然而,服务器端渲染非常适合使用动态数

最大限度地提升Next.js网站中的图片质量

​译者|布加迪审校|孙淑娟图片是任何网站或应用程序的重要组成部分,它们有助于使内容更吸引人、外观更漂亮。然而,如果图片没有得到适当优化,它们也会减慢网站或应用程序的运行速度。为何要优化图片?优化图片之所以很重要,有以下几个原因:有助于缩短网站或应用程序的加载时间。可以减少客户端需要下载的数据量,从而节省带宽成本。有助于提升网站或应用程序的整体性能。如何优化Next.js网站中的图片?有几种方法可以优化Next.js网站中的图片。一种方法是使用Image组件。该组件可自动优化图片以提升性能。优化图片的另一种方法是使用内置的图片处理功能。Next.js可以自动调整大小、压缩和优化图片,以提升性能。

最大限度地提升Next.js网站中的图片质量

​译者|布加迪审校|孙淑娟图片是任何网站或应用程序的重要组成部分,它们有助于使内容更吸引人、外观更漂亮。然而,如果图片没有得到适当优化,它们也会减慢网站或应用程序的运行速度。为何要优化图片?优化图片之所以很重要,有以下几个原因:有助于缩短网站或应用程序的加载时间。可以减少客户端需要下载的数据量,从而节省带宽成本。有助于提升网站或应用程序的整体性能。如何优化Next.js网站中的图片?有几种方法可以优化Next.js网站中的图片。一种方法是使用Image组件。该组件可自动优化图片以提升性能。优化图片的另一种方法是使用内置的图片处理功能。Next.js可以自动调整大小、压缩和优化图片,以提升性能。

leetcode 503. Next Greater Element II 下一个更大元素 II(中等)

一、题目大意https://leetcode.cn/problems/next-greater-element-ii给定一个循环数组nums(nums[nums.length-1]的下一个元素是nums[0]),返回nums中每个元素的下一个更大元素。数字x的下一个更大的元素是按数组遍历顺序,这个数字之后的第一个比它更大的数,这意味着你应该循环地搜索它的下一个更大的数。如果不存在,则输出-1。示例1:输入:nums=[1,2,1]输出:[2,-1,2]解释:第一个1的下一个更大的数是2;数字2找不到下一个更大的数;第二个1的下一个最大的数需要循环搜索,结果也是2。示例2:输入:nums=[1,

leetcode 503. Next Greater Element II 下一个更大元素 II(中等)

一、题目大意https://leetcode.cn/problems/next-greater-element-ii给定一个循环数组nums(nums[nums.length-1]的下一个元素是nums[0]),返回nums中每个元素的下一个更大元素。数字x的下一个更大的元素是按数组遍历顺序,这个数字之后的第一个比它更大的数,这意味着你应该循环地搜索它的下一个更大的数。如果不存在,则输出-1。示例1:输入:nums=[1,2,1]输出:[2,-1,2]解释:第一个1的下一个更大的数是2;数字2找不到下一个更大的数;第二个1的下一个最大的数需要循环搜索,结果也是2。示例2:输入:nums=[1,

手把手教你打造语雀+Hexo+Github Actions+COS持续集成

引言之前学习和工作过程中,经常会写一些东西,包括心得体会,一些笔记,自己的一些见解。本来一直在用语雀,最近突发奇想,打算把自己写的这些乱七八糟分享出来,搭个独立博客,和更多的朋友交流,不到之处也能让大家批评指正。最终在WordPress、Hexo、VuePress这几个博客系统中选定了Hexo。优点很适合我,但是缺点也比较明显,各位看官酌情选择。Hexo优点纯静态文件,打开速度快。不依赖服务器。直接部署腾讯云COS,静态站点走CDN内容分发。内容批量修改很方便。直接在编辑器全局替换就行,不用连数据库更新数据。Hexo缺点只能在部署Node.js、Git和安装VSCode软件的电脑环境写文章。离

手把手教你打造语雀+Hexo+Github Actions+COS持续集成

引言之前学习和工作过程中,经常会写一些东西,包括心得体会,一些笔记,自己的一些见解。本来一直在用语雀,最近突发奇想,打算把自己写的这些乱七八糟分享出来,搭个独立博客,和更多的朋友交流,不到之处也能让大家批评指正。最终在WordPress、Hexo、VuePress这几个博客系统中选定了Hexo。优点很适合我,但是缺点也比较明显,各位看官酌情选择。Hexo优点纯静态文件,打开速度快。不依赖服务器。直接部署腾讯云COS,静态站点走CDN内容分发。内容批量修改很方便。直接在编辑器全局替换就行,不用连数据库更新数据。Hexo缺点只能在部署Node.js、Git和安装VSCode软件的电脑环境写文章。离

Hexo博客部署至服务器

前言之前想给自己折腾出一个个人博客网站的时候,除了域名,还在阿里云买了一个一年的轻量级应用服务器。由于当时想让这个博客长期存在,并且也了解到了Hexo+GitHub的方案,所以我手头的两个域名(226yzy.top和226yzy.com),前者解析到了服务器上,后者我留给了GitHub,用于自定义域名(226yzy.com这个域名本来备案了,这样一搞,由于没解析到阿里云的服务器,阿里云的备案接入也就停止了,这个域名备案无了???)。不过服务器那边我就放了一个简单的网页或者一些资料,基本上还是属于闲置的状态。最近又苦于网站访问速度过于龟速,于是想着不妨尝试学习一下将Hexo博客部署到服务器。(这