今年年初，我终于决定将自己的网站从基于 PHP 的 CMS 移植到基于 JavaScript 的静态网站生成器（SSG）了。原因如下：
Gatsby 是一个令人难以置信的静态站点生成器，它允许使用React作为渲染引擎引擎来搭建一个静态站点，它真正具有现代web应用程序所期望的所有优点。它通过在构建时通过服务器端渲染将动态的 react 组件呈现为静态 HTML 内容。这意味着您的用户可以获得静态站点的所有好处，比如不使用JavaScript、搜索引擎友好性、非常快的加载速度等等，也并没有失去现代web所期望的活力和交互性。一旦呈现为静态 HTML，客户端站点的React和JavaScript会接管它并添加动态的内容。 Gatsby 最近发布了v1.0.0，推出了很多新特性。包括(但不限于)使用GraphQL创建内容查询的能力，与各种cms集成——包括WordPress、Contentful、Drupal等等。还有基于路由的代码分布使得用户体验更佳。在这篇文章中，我们将深入探讨 Gatsby 和一些新特性，并创建一个静态博客。让我们开始吧！
最近在研究JAMStack的一些相关内容，发现这的确是个好东西，所以想写一篇文章把这个概念分享给还不了解JAMStack的同学。本篇文章主要包含以下的内容：
1.Create React App：如果你是在学习 React 或创建一个新的单页应用
1.安装 yarn global add gatsby-cli 2.创建gatsby项目 gatsby new blog 3.开发 gatsby develop 注意报错： error UNHANDLED EXCEPTION Error: no parsers registered for: "\" 文件空格问题，最好不要用空格和中文。直接放在硬盘根目录下就不会有问题。 打开浏览器浏览图片中地址，看到如下效果就成功了： 1556615422628.png 4.构建 gatsby build 5.查看效果
在本文中，您将看到三种最好的静态站点生成器的比较，它们的优点、缺点以及您应该使用它们的原因。
回到上一篇我讲的不变前端中，我在文章中明显的指出了，前端的变化会有一个分界线，在这个分界线之前，前端有一个最大的困境，就是：
无论您是刚开始编程还是已经是一名经验丰富的开发人员，在这个行业中，学习新的概念和语言/框架是跟上快速变化的必要条件。
微言码道的官网是我在2021年元旦三天假期的时候做的一个网站，自那以后，因为业余时间有限，除了网站内容上有所变更以外，网站本身没有任何更新。
作者 | Kurt Bittner 、Pierre Pureur 译者 | 平川 策划 | 丁晓昀 无论你是编程新手还是资深开发人员，学习新的概念和语言（或框架）都是跟上快速的技术发展节奏的必要条件。 以 React 为例，它由 Facebook 在四年前开源，现在已经成为全球 JavaScript 开发者的首选。 当然，Vue 和 Angular 也有它们自己的追随者。还有 Svelte 以及像 Next.js 或 Nuxt.js 这样的通用框架，还有 Gatsby、Gridsome，等等。 如
构建这个应用时，你将使用相对较新的Hooks API来提升你的React技能。示例项目利用了React组件、许多Hooks、一个外部api，当然还有一些CSS样式。
React 已经诞生很久了，自从它诞生开始，围绕组件驱动形成了一个非常全面的生态，但是来自其他编程语言或者框架的开发人员很难找到要构建一个 React 系统的所有组件。如果你是来自于像 Angular 这样的框架的开发者，你可能已经习惯了框架包含了所需要的所有功能，
总结了 React “泡沫” 的问题以及超越现状的一些思考，本篇作者给出了一些替代选择。
对于开发者而言，2017出奇的高效，不过2018年有望为IT领域带来更多发展。本文中，为了处理项目时紧跟潮流，我们会描述出每个前端编程人都需要关注的2018年JavaScript的五种主要发展趋势。
HTML/CSS框架目前没有以前那么有意义, 但是我还是介意你选择一个学习(这里作者想隐射的应该是, 在jquery时代, HTML/CSS框架的学习是必须的).
JavaScript 可能发展得很快，但 JavaScript 开发人员的发展速度貌似更快，因为许多相对较新的特性已经显示出了很高的采用率。报告把 JavaScript 的特性分成了语言、浏览器 API 和其他特性三个部分。下图根据分类划分，显示了各种特性的采用率；外圈的尺寸代表了了解这个特性的用户数量，内圈的尺寸代表了实际使用这个特性的用户数量。
我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～
在过去的几年中，Vue.js 已成为 Web 应用程序开发的流行选项。用户变多后，这个框架开始将触角伸向了静态站点生成，一个曾经由 React 统治的领域。
我们生活在一个真理不再是非黑即白的世界。在我们生活的世界里，媒体明白，影响人们的最佳方式不是通过逻辑，而是通过情感。他们明白我们人类不是通过有意识的思考和逻辑处理来做决定，而是通过隐藏在我们心灵中的无意识倾向来做决定。对通过媒体赚钱的人来说是好事，对像我们这样消费媒体的人来说是坏事。
本文将介绍最流行的十大博客静态站点生成工具，以 Github star 数来排名。
Paul Scanlon 使用 Waku 展示了 RSC 如何让 React 开发人员在组件级别访问异步服务器端请求和数据。
静态站点构建是现代Web开发的热门趋势之一。它可以提供快速加载、安全可靠、易于扩展的网站，而不需要服务器端代码。本文将深入探讨静态站点构建的关键概念，为您提供一份全面的指南，并提供带有实际代码示例的技巧，以帮助您创建卓越的静态网站。
最受欢迎项目 下面是年度最流行的项目，不区分类别。 Vue.js蝉联冠军 Vue.js 再次强势登顶年度排行榜冠军，今年在 GitHub 上新增了超过 40,000 的 star。 相较于 2016
像其他所有人一样, 我最近碰巧也读了 Jose Aguinaga 的文章 “How it feels to learn JavaScript in 2016”.
我的博客最初是用 Github Pages 默认的 Jekyll[2] 框架，其使用的 Liquid[3] 模板引擎在使用上有诸多不便。
这些年前端发生了天翻地覆的变化，几乎每隔几个月就有新的框架和技术诞生，有些技术可能你还没来得及学习，它就已经成为过去时了。2021年前端会有哪些变化，哪些技术会脱颖而出呢？
首先，我们第一个是想到的是 react 官方团队提供的脚手架工具 Create React App(cra)
前言 JavaScript 渗透的范围越来越广，它能做的事情已经远不止前端开发而已。不久前stateofjs.com刚刚发布了 2017 JavaScript 现状报告 ，现在Ryan Chartrand非常应景地推出了 2018年的JavaScript发展趋势 ，把这两份文章一起结合来看，相信作为JS开发者的你一定不再迷茫。 去年，有50000人对JavaScript的上升趋势感到好奇。那么好吧，我的开发者同胞们，现在我们再来看看2018年怎样。 如果你2017年一整年都与世隔绝或者忙于项目而自顾不暇的话
Hi，大家好我是 ssh，今天我看到 Leerob 分享的 Why You Should Use a React Framework，讲述了他关于为什么要使用 React 框架（如 Next，Remix，Gastby），而不是直接裸用 React 的一些见解，让我受益匪浅。
使用Carbon增加源代码截图。将代码粘贴到文本区域并自定义颜色主题，背景和窗口框架。一旦准备好，您就可以下载照片并感觉像摇滚明星。至少那是我们书呆子想象的方式。
Gatsby CLI 用于 Gatsby 项目的创建、启动、编译等。它是发布于 npm 的包，可以用npm进行安装管理 npm install -g gatsby-cli。
JavaScript 框架是预先编写的 JavaScript 代码集合，为开发 Web 应用程序提供结构化且可重用的基础。这些框架都有自己独特的功能、方法和生态系统。
安装 Node.js； 安装 Git； Gatsby 开发环境 Gatsby 的 CLI 工具非常方便，在终端全局安装 gatsby-cli
前端爱好者的知识盛宴 JavaScript渗透的范围越来越广，它能做的事情已经远不止前端开发而已。 掌握2018最新JS趋势，很有必要！ 不久前stateofjs.com刚刚发布了一份2017 JavaScript现状报告，现在Ryan Chartrand非常应景地推出了2018年的JavaScript发展趋势，下面把这两份文章一起结合来看，让作为JS开发者的你少走弯路。 首先看看火爆2017的vue。 React vs. Vue.js 我们开门见山，直接上好东西吧：认为Vue可能会成为React的一大
观察基于 create-react-doc 搭建的文档站点, 发现网页代码光秃秃的一片(见下图)。这显然是单页应用 (SPA) 站点的通病 —— 不利于文档被搜索引擎搜索 (SEO)。
原文发表于：https://avenirzheng.net/blog/2020/deploying-gatsby-to-tencent-cloud/
代表了一种开发功能强大的 react.js 组件的全新方式，这些组件在完全可定制的同时开箱即用。
Gatsby 是在 Node.js 的基础上建立，使用 Gatsby 之前必须先安装 Node.js 且版本 ≥ 12.13。使用 Gatsby CLI 工具，三句命令就可以新建一个静态网站。详情步骤，看这里！
gatsby-config.js 位于项目根目录，用于配置项目信息，如果没有就新建一个。
在本文中，我为前端Web开发人员汇总了30种顶级工具，从代码编辑器和代码游乐场到CSS生成器，JS库等等。
技术雷达是ThoughtWorks每半年发布一期的技术趋势报告，它不仅是一份持续的技术成熟度评估，其产生还源于ThoughtWorks另一个更大宏大的使命—IT革命。我们一直深信，IT行业从定位、价值、实践和技术都会发生巨大的变革。然而任何宏观的变革，都会有一些微小的信号，我们需要持续关注这些微小的改变，这也就是技术雷达的由来。
Gatsby 在 gatsby-browser.js 文件中提供了一些API，可供开发者 监控浏览器的特定事件 和 写一些全局组件。
如今 Web 框架、CLI、脚手架工具层出不穷，为开发者们提供便利的同时，也衍生出了一些幸福的烦恼：尽管它们构建部署的流程大同小异，但记住那些琐碎细节着实有些麻烦。
https://github.com/getsentry/sentry-javascript
我曾经2022年初，给自己定了一个目标，要把微言码道官网重新改版。这次趁着节前休假有时间，花了几天的时间对网站进行了彻底的重写与改版，实现了这个目标。
无论你是编程老手还是编程菜鸟，你都需要时刻学习新的技术，这样你才能不被淘汰，才能有自己的立足之地。
本篇文章为大家盘点了1月份最热门的 JavaScript 项目，让我们一起来看下吧！ 一、编辑器tui.editor https://github.com/nhnent/tui.editor Star 5033 tui.editor（TOAST UI Editor）是一款所见即所得的Markdown编辑器。TOAST UI Editor提供Markdown模式和WYSIWYG模式。它的功能非常强大，你可以编辑表格，UML图和图表等。 TOAST UI Editor的Markdown模式的特点有： ● 所见即
上周我写了一篇关于我对 Next.js 的失望的文章。不过我接下来希望写点正能量的内容，那必须是我最喜欢的 Astro 了。
通过对比各项目过去 12 个月在 GitHub 上新增 star 数量，来评估其在 2018 年度的受关注程度，进而选出 2018 年度 JavaScript 领域崛起的明星项目。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
