npm install 报错如下：npm does not support Node.js v14.17.3 image.png 报错原因：当前npm版本不支持 node14.17.3 看一下当前的npm...版本 image.png 再看一下node版本和npm版本的对照表 发现node14.17.3 需要安装npm6.14.13版本 image.png 先删除 C:\Users\XXX\AppData\Roaming...里的 npm 和 npm-cache文件夹 image.png 再执行 npm -g install npm@6.14.13 image.png 这样，就安装好对应的npm版本了。...再执行npm install就成功了
本站 DeveWork.com的文章页下面的“亲，意犹未尽？来看更多：“的相关文章栏目的图片就是用这个WordPress缩略图插件 timthumb 驱动的。...一开始我也是google查找资料，网络上提出有诸如什么开启 GD库、.htaccess要加点代码的解决方案，但无济于事。找空间商小张解决，蓝冰给我一个说明：”timthumb不支持远程URL“。...对，DeveWork.com的文章图片都是调用子域名来的，确实算是远程URL。但我对”timthumb不支持远程URL“表示不解，不是说支持的吗？...如果不支持，那跟WordPress的多媒体功能有什么区别？ 顺着这个思路，我上网查找资料。...最后还是解决了，原来timthumb默认是不支持站外图片链接的；如果需要支持，需要在timthumb.php的第33行那里，将： if(!
还是在今年 5 月份，百度就跳出来，宣布成为国内首个支持 https 的搜索引擎，结果呢？呵呵......③、配套设施缺憾 百度搜索确实是全站启用了 https，可你的配套设施呢？？搞了半天，也就是百度搜索支持了 https，百度的其他产品几乎都不支持！...比如，做网站喜欢用到的百度分享，不支持 https，还得自行处理【相关文章】； 比如，大部分网站的经济来源，百度广告不支持 https，搞个蛋哟； 还好，百度统计还能凑合用下，不是那么一无是处。。。...二、正能量 国内各个搜索引擎都看了下，结果意外的发现搜狗居然已经正常收录我博客的 https 了： 其他基本都未收录，而国外的几个搜索引擎基本不用看，换 https 数日之后就全局替换成 https 收录了...时间有限，就分享这么多了，希望各大搜索引擎尽快兼容 https，希望百度搜索的联动反应能快点，而且不行就别再打肿脸充胖子，要对得起国内搜索第一的地位！
Gatsby还支持GraphQL，这意味着数据查询变得更加容易。由于有了GraphQL, Gatsby可以生成能够访问和利用来自不同来源的数据的站点。...大量的插件都是可用的——谈谈庞大的用户社区的好处吧。 解释性教程不难找到，文档也很棒。 缺点 使用Gatsby需要大量的JavaScript、React和GraphQL知识。...优点 它的速度非常快，任何东西都无法与之匹敌。 有很多内置的功能，你几乎不需要第三方插件。 雨果很容易搞定，没有麻烦。 它有适当的文档。 它的模板语言并不难学。...缺点 学习Golang 可能是困难的。 不支持XML作为数据文件类型。但是，支持YAML、JSON和CSV。...Jekyll是伟大的搜索引擎优化(SEO)。 大量的插件可用。 缺点 为Windows用户设置可能很困难——Jekyll需要一个Ruby环境。 杰基尔在建筑工地的时候速度很慢。
通过 Gatsby 建立的网站，很容易被搜索引擎检索到，而且页面的渲染性能非常好，完美支持个人网站、博客、文档网站，甚至是电子商务网站。...创建 gatsby 应用 npm init gatsby 在命令行中选择开发语言，是否使用 CMS、是否支持、md、mdx 等 创建完成后，在命令行运行 npm run dev，打开 http://localhost...的优势： ✅ 页面渲染性能优秀 ✅ 对 SEO 友好 ✅ 对打包文件进行了优化 ✅ 轻松部署到 CDN（基于出色的扩展功能） ✅ 丰富的插件系统 Gatsby 的劣势： ⛔️ 使用起来相较于 CRA...更为复杂 ⛔️ 需要了解 GraphQL 和 Node.Js 的相关知识 ⛔️ 配置繁重 ⛔️ 构建时间会随着内容的增加而变长 ⛔️ 云服务需要付费 值得强调的是，丰富的插件系统是选择 Gatsby 的重要原因...，比如 Gatsby 提供许多博客主题插件，其他例如谷歌分析、图片压缩、预加载插件等等。
Gatsby 是一个令人难以置信的静态站点生成器，它允许使用React作为渲染引擎引擎来搭建一个静态站点，它真正具有现代web应用程序所期望的所有优点。...起步 安装cli npm install-g gatsby-cli Gatsby 带有一个很棒的CLI(命令行接口)，它包含了一个工作站点的搭建功能，以及帮助开发该站点的命令。...添加必要的插件 Gatsby 支持使用丰富的插件，很多非常有用的插件都是为了完成普通任务而编写的。...` 我们用的是yarn，但是使用 npm 也很容易： npm i--save[deps]。...除非有什么动态处理（ componentDidMount 的逻辑，state 变化），否则这个组件将是纯粹的，通过 React 渲染引擎、GraphQL 和 Gatsby 生成的HTML。
stack Error: Can't find Python executable 'python' 系统: Win10 Gatsby 使用一个 Starter1 进行 npm install 的时候出现问题...However, node-gyp has it's own dependencies 反正就是一系列的组件没安装呗....注意: 这玩意不支持 Python 3.0, 因此只能安装 2.7 Solution Step 1 Stackoverflow 找到的第一个答案 2: 管理员执行: $ npm install --global...似乎对我的电脑无用啊…… 可能需要手动设置 3 npm config set python python2.7 npm config set msvs_version 2015 我不确定这样的设置是否会影响到...Zill.windows-build-tools\python27\python.exe 注意这儿需要详细到文件名 然后就解决了 Reference ---- https://www.gatsbyjs.org/docs/gatsby-starters
1、StaticImage 安装插件 npm install gatsby-plugin-image gatsby-plugin-sharp gatsby-source-filesystem 增加配置...1、原理说明： 本地文件通过 gatsby-source-filesystem 插件，转为数据层节点 allFile； 数据层节点 allFile 中的图像节点， 通过 gatsby-transformer-sharp...插件，转为数据层节点 ImageSharp； 使用 Graphql 查询 ImageSharp 节点数据，传递给 gatsby-plugin-image 插件提供的组件 GatsbyImage...【备注】：gatsby-transformer-sharp 插件会为所有数据层节点的image属性增加 ImageSharp 图片节点。...第一步：把 strapi 中 articles 数据转换为 gatsby 数据节点，安装下面插件 npm install gatsby-source-strapi gatsby-transformer-sharp
； 使用 yarn init 创建的新项目将使用 Corepack 而不是 yarnPath； 现在默认包含所有官方插件（typecript、interactive-tools ...）。...验证 lock 文件中存储的 npm 包元 metadata 是否与远程注册表中的 metadata 一致。...如果需要在特定的 CI Job 中需要启用它，可以通过环境变量将其打开： export YARN_ENABLE_HARDENED_MODE=1 新的约束引擎 Yarn 是目前唯一实现约束引擎的包管理器...另外，它不会再像以前那样打印与同级依赖关系相关的警告，现在只在可操作的情况下打印警告： 另一个例子是 yarn config 命令，它会显示一个新的树形显示，现在还接受任意数量的设置作为位置参数，让我们选择您希望看到的内容...例如，以下是从缓存安装 Gatsby 及其约 350MB 依赖关系树的时间差。
但如我在上一篇文章所讲，真正来说，现在互联网的主流还是ES5，而不是ES6。 原因在于：浏览器不支持 CSS 再来说，CSS是样式。...，在编码阶段，前端出现了更多的突破性的技术，最典型的代表就是：npm依赖管理 其实，区分你是在『前』前端阶段，还是在『后』前端阶段的一个最简单的识别手段就是： 你是否使用了npm依赖管理 因为： 在『前...npm依赖管理需要大量的读取及分析本地文件，在这个基础之上才能做到 { "name": "taoofcode", "version": "1.0.0", "private": true,...它有很多插件。 当然webpack也有一些同等级的技术，但论流行度，还是以Webpack为主。...所以，现在前端开发，基本不可能脱离webpack，有些整合的框架或技术，比如gatsby，你从代码中看不到Webpack的存在，但这不代表它不存在，而是被gatsby给隐藏到后面去了。
安装插件 npm install --save gatsby-transformer-remark gatsby-remark-highlight-code @deckdeckgo/highlight-code...配置插件 在 gatsby-config.js 中添加： // In your gatsby-config.js plugins: [ { resolve: `gatsby-transformer-remark...`, options: { plugins: [ { resolve: `gatsby-remark-highlight-code`...}, ], }, }, ] 运行时加载插件 对于 gatsby-starter-blog，在 src/templates/blog-post.js 的 BlogPostTemplate...效果：https://aping-dev.com/gatsby-highlight-code/ [image.png] 参考 gatsby-remark-highlight-code
这是一个开源的JavaScript运行时环境，用于在浏览器之外执行JavaScript代码。使用Node还可以得到npm，它表示“包管理器”。使用npm，您可以将Gatsby.js安装到本地机器上。...在安装完成nodejs以后，使用以下命令： npm install -g gatsby-cli 在Gatsby CLI中有相当数量的命令，可以通过下面的命令行提示符了解更多关于它们的信息: gatsby...gatsby-config.js 这个文件是网站的基本配置。它是大多数API设置将被存储的地方。Gatsby附带了许多插件，您可以通过运行在终端npm install中轻松地安装它们。...下载插件后，可以将其添加到gatsby-config.js中。 下面是这个项目的文件。 ? 如你所见，在这个项目中使用了许多不同的插件，这些插件可以帮助我们节省时间和精力。...一个重要的插件是Gatsby -source-filesystem，它允许Gatsby从存储在本地文件系统中的文件中提取数据。
MDX 1、安装插件 把 markdown 文件，转为gatsby 数据层节点。...# 安装插件及其依赖库 npm install gatsby-source-filesystem gatsby-plugin-mdx @mdx-js/mdx @mdx-js/react # 或 yarn...把文件转换为 gatsby 的数据层节点：allFile、File。...gatsby-plugin-mdx ：转换 allFile 节点中格式为 .mdx、.md 的文件，生成新的 gatsby 数据层节点：allMdx、mdx。...依赖 gatsby-source-filesystem ，所以两个插件需要同时安装和设置。
由于网上找到的都是借用第三方云处理添加水印，但是我不太想用，所以自己开发了一个插件 Hexo 图片添加水印Github地址 目前插件可以直接在 hexo 官网上搜索到 下面内容都是在 Github 上复制过来的...一定要阅读最后的提示事项，包含现有版本的支持情况和即将添加的功能 使用 npm 安装插件 npm install hexo-images-watermark 在站点配置文件 _config.yml...必备配置参数 enable 默认值：无 说明：true 将会执行图片添加水印，false 将会不执行添加 textEnable 默认值：false 说明：是否使用文本来添加水印（❌警告：目前不支持文本和图片同时添加水印...） imageEnable 默认值：false 说明：是否使用图片来添加水印（❌警告：目前不支持文本和图片同时添加水印） 其他参数 text 默认值：使用配置文件中的url，一旦url不存在直接显示作者名字...目前只支持 *.jpg,*.jpeg，*.png 两种格式图片，并且只支持source/_posts文件夹下的图片，也就是文章本地图片；同时也不支持远程图片 水印图片也不支持远程和非soucre根路径下的文件
开发者专用的每日构建版，所以还没有正式发布。 哎，但是小编不甘心啊，于是自己花了 30 分钟怒怼了一个插件，下面是思路和源码。...造轮子 首先说一下简单的思路如下，还是非常简单的，接下来我们一步一步完成 ?...于是我们写了一个新代码，获取到当前 active 的页面，然后发送消息给当前的页面。...，为了最少的依赖，我没有使用 jQuery，直接使用原生的 JS 创建元素，创建一个 id 是 urlify-qrcode-id 的元素，追加到 body 上面，然后给他创建一个可以关闭的按钮。...源码 源码增加了右键生成当前页面的短链功能，所以稍微改动，不影响阅读 源码 https://github.com/codedrinker/urlify-crx 插件下载地址 https://urlify.cn
这些问题，可通过百度统计这个插件完成。...跳出的页面会看到如下代码，其中 **** 部分是网站的32位标识，复制保存，后面要用。...项目 安装插件 npm install --save gatsby-plugin-baidu-analytics 增加配置 // gatsby-config.js plugins: [ ..... . { resolve: `gatsby-plugin-baidu-analytics`, options: { siteId: "这里替换成上面保存的32位网站标识", },...五、参考文档 Gatsby中使用百度统计功能来分析网站流量！
Hexo 常用插件推荐 Hexo 本身提供了一个框架，通过丰富的拓展插件，能够进一步优化使用体验，你可以在 Hexo 插件 中寻找适合你的拓展。...当网站内容更新时，可以通过订阅 RSS 源在 RSS 阅读器上获取更新的信息 安装 hexo-generator-feed 插件 npm install hexo-generator-feed --...Markdown 渲染器，你可以 点击这里查看详细信息 不可同时安装多个渲染器，如果更换公式引擎，对应渲染器也要一并更换。...hexo-renderer-marked Hexo 默认的 Markdown 的渲染器，不支持 Mathjax，不支持插件扩展，不支持 emoji 表情 项目地址：https://github.com/...，支持 Mathjax，不支持插件的扩展，不支持 emoji 表情 项目地址：https://github.com/sun11/hexo-renderer-kramed 安装命令：npm install
插件，把原来 WordPress 中的文章转成 Markdown 完成数据迁移。...安装 Node.js； 安装 Git； Gatsby 开发环境 Gatsby 的 CLI 工具非常方便，在终端全局安装 gatsby-cli npm install -g gatsby-cli 切换到开发目录...Tips: 某些情况下因为代理或者墙的原因，无法使用 Gatsby CLI 从 github 上拉取代码，你可以通过能链通的 npm 源手动创建一个 Gatsby 站点目录。...本地安装 gh-pages 包 npm install gh-pages --save-dev 配置 package.json，在 scripts 中添加 deploy 发布指令，这段指令的意思是运行...npm run deploy Tips: 单独为仓库配置账号和密码或 ssh 密钥方便不用每次都输入账号密码
现在为博客添加标签，方便查看同标签的其它博客。...安装插件 npm install yarn -g yarn add gatsby-plugin-tags 配置插件 在 gatsby-config.js 的 plugins 中添加： { resolve...}, }, 添加、修改文件 参考 https://github.com/rmcfadzean/gatsby-pantry/tree/master/examples/starter-blog 做了适当的修改...： tags: - 标签1 - 标签2 如果没有自动重建，手动执行： gatsby build 效果：https://aping-dev.com/gatsby-tags/ [image.png]...参考 gatsby-plugin-tags. https://www.gatsbyjs.org/packages/gatsby-plugin-tags/?
达到精简代码能力 前提条件 在使用这种装饰器方式时,需要对create-react-app做一些配置,它默认是不支持装饰器模式的,需要对项目做一些配置 在项目根目录中终端下使用npm run eject...，如果是自己配置的脚手架,则先要安装插件：`npm install @babel/plugin-proposal-decorators --save-dev 当然有一个比较便捷的写法就是使用安装babel-plugin-transform-decorators-legacy...} } 或者在 vscode 中的设置中tsconfig启动Experimental Decorators就可以解决此警告 方式 2-安装 babel 插件在 babelrc 中配置 在使用这种装饰器方式时...,需要对create-react-app做一些配置,它默认是不支持装饰器模式的,你需要对项目做一些配置 在create-react-app根目录中终端下使用npm run eject,这条命令主要是将我们的配置项做一个反向输出...TypeScript,那我们只需要在tsconfig.json文件中的 experimentalDecorators 设置为 true 就可以使用 ES7 新特性装饰器了 解决 vscode 中不支持
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
云直播
