开始配置 windows10使用控制终端操作，快捷键：win+R，搜索cmd打开 1、安装node后可以通过如下命令检查是否安装成功： node -v #查看node版本` `npm -v #查看npm...版本 2、安装淘宝的cnpm npm install -g cnpm –registry=http://registry.npm.taobao.org 检查版本： cnpm -v 3、安装hexo框架...创建完成后，打开Git CMD（Git正确安装的话，应该在开始菜单内） 使用命令进入创建的这个blog文件夹，例如： C:\Users\cai'cheng>H: H:\>cd blog\ 无误后输入如下代码...上传到Github Pages 1、首先安装插件： npm install hexo-deployer-git –save 2、、在自己的Github主页创建一个新的repository。...使用Vercel部署并绑定域名 使用Vercel部署的好处一是快，二是每当push到github时，Vercel会自动同步，省去了手动部署的麻烦，部署完成还会发送邮件通知。
2022年8月起，Vercel 要求 Node.js 项目版本在 16.x 以上，旧版本 Node.js 项目不再部署，本文记录解决方案。...问题复现 Vercel 部署失败，错误信息： Looking up build cache......Build cache downloaded [30.81 MB]: 2006.794ms Running "vercel build" Vercel CLI 27.3.7 Error!...Learn More: http://vercel.link/node-version 事实上当前本机 Node.js 版本确实是16.15 解决方案 需要通过 package.json 告诉 Vercel...我们的项目 Node.js 版本 修改 package.json ，加入： "engines": { "node": ">=16" } 更新包，修正当前的问题 npm install npm audit
= 'true' run: | npm install gulp-cli -g #全局安装gulp 如果你的博客不需要他 可以不装 节省时间 npm install...SSH链接可能有权限报错的隐患 # =====注意.deploy_git前面有个空格===== # 这行指令的目的是clone博客静态文件仓库，防止Hexo推送时覆盖整个静态文件仓库...${{ secrets.NPM_NAME }}前提 请安装你的deploy的插件 也有一个不用hexo d的插件 但是我这里就不演示了创建完点进Actions看看是否执行了一下 （没有执行确保你打开了workflow...且分支名正确 出现spawn failed错误请前去 https://blog.zhheo.com/ 查找一下搭建Qexo在这里演示Vercel下环境部署搭建！...先申请Mongodb如果你有自己的数据库可以用自己的没有 进入 https://mongodb.com 注册一个 （是Free的！！！）
，但是总是失败，获取不到，看到评论发现v12.18版本的可以实现，但是自己的开发需要版本是16版本的，所以在考虑是否可以多个版本来回切换呢，所以看了很多总算是可以了：nvm，可以让你在电脑上管理多个版本的...use v+您安装的Node版本号 Now using node v12.18.1 (64-bit) # 提示这句说明切换成功 C:\Users\28138>npm -v # 可以打印npm...// 卸载node.js是的命令，卸载指定版本的nodejs，当安装失败时卸载使用 nvm ls // 显示所有安装的node.js版本 nvm list available...创建github仓库 （1）选择New responsitory (2)填写信息，仓库名这里最好是用户名.github.io，其实自定义也是可以的，反正到时候也是放到vercel上 安装 本地Hexo...init myblog # 初始化，这里添加myblog是用来将生成的文件全都放到myblog文件中 npm install # 安装组件 安装 hexo-deployer-git 这个组件主要是用来上传到
这个项目是一个部署好的入门工具包，便于构建和定制你自己的AI Town版本。...install npm run dev npm run dev将会失败并要求设置环境变量。...一旦您部署了应用程序， 部署应用程序 部署到 Vercel •在 Vercel 上注册一个账号，然后安装 Vercel CLI[25]。...Ngrok和Nginx主要区别和联系： Ngrok和Nginx虽然名字相似，但它们的功能和用途大不相同。...区别和联系 区别：•Ngrok主要用于开发和测试，为本地服务器提供公共访问点；而Nginx是一个专业的Web服务器和反向代理，用于生产环境中托管和管理网络流量。
，这是DNS为加速访问设置缓存而导致的。...yarn是一个包管理器,可以下载或者更新你所需要的相关包,便于项目的正常运行,值得注意的是这个并不是必须的,node安装后自带另外一个npm包管理器,功能是类似的,所以这是个可选项.node进入node...图片yarn这个是个包管理工具，和npm差不多，听说更快一点，这里安装是由于主题更新采用的是这个命令，所以这里安装一下。图片yarn官网,如果不想配置环境变量的话，还是可以采用msi后缀安装。...点击自动部署会自动进入dev分支下的vercel配置，不是整个仓库 图片关于mongo db，感觉应该是香港节点会更快一点，不知道为啥会推荐us节点关于环境id 这里应该是最近vercel的默认域名被禁的缘故...IT七剑客,挺快的，比之前dev模式好多了六、常用命令安装node依赖自动安装缺少的依赖npm install项目调试在测试功能时使用，该模式下，所有改动均可以快速看到效果，无需重新构建npm run
，无法直接运行，需要将事件函数模拟成一个近似 HTTP Server 的代理服务； 代码体积过大：一个最简单的 Next.js 应用的代码体积为 245MB 左右，打包压缩后是 54MB 左右，而函数代码体积限制一般是在...代码上传时间长，且容易失败，部署成本变大（可以通过 NFS 和 Layer 解决）； b....而第二个问题要困难很多，虽然其中部分问题可以通过一定手段缓解，比如冷启动可以通过预置并发解决，但是又会让运行成本变得难以接受。所以解决问题的根本还是在代码体积上。...-ignore-optional --prod 说明：因为 swc 构建工具是通过可选依赖安装的，在运行时不需要，所以我们需要把可选依赖也剔除。...另外，值得一提的是函数计算 Custom Runtime 内置的 Node.js 版本为 v10.16.2，而 Next.js 最新版本要求必须是 Node.js 12.22.0+。
git进行部署 克隆本仓库 git clone https://github.com/imaegoo/twikoo.git cd twikoo 安装依赖项 npm install -g yarn # 已安装...部署 Vercel 部署的环境需配合 1.4.0 以上版本的 twikoo.js 使用 查看视频教程(opens new window) 申请 MongoDB (opens new window)账号...，值为第 3 步的数据库连接字符串 进入 Overview，点击 Domains 下方的链接，如果环境配置正确，可以看到 “Twikoo 云函数运行正常” 的提示 Vercel Domains（包含 https...(opens new window)，点击 twikoo，点击函数代码，打开 package.json 文件，将 "twikoo-func": "x.x.x" 其中的版本号修改为最新版本号，点击“保存并安装依赖...提示： 如果您的云函数是 1.0.0 之前的版本，因为 1.0.0 版本修改了部署步骤，请先参考腾讯云部署的 【云函数配置】开始，重新创建云函数，再按照此步骤更新。
，无法直接运行，需要将事件函数模拟成一个近似 HTTP Server 的代理服务；代码体积过大：一个最简单的 Next.js 应用的代码体积为 245MB 左右，打包压缩后是 54MB 左右，而函数代码体积限制一般是在...代码上传时间长，且容易失败，部署成本变大（可以通过 NFS 和 Layer 解决）；b. ...而第二个问题要困难很多，虽然其中部分问题可以通过一定手段缓解，比如冷启动可以通过预置并发解决，但是又会让运行成本变得难以接受。所以解决问题的根本还是在代码体积上。 ...--prod说明：因为 swc 构建工具是通过可选依赖安装的，在运行时不需要，所以我们需要把可选依赖也剔除。...另外，值得一提的是阿里云函数计算 Custom Runtime 内置的 Node.js 版本为 v10.16.2，而 Next.js 最新版本要求必须是 Node.js 12.22.0+。
因此我们要用一些免费的CDN进行加速，Staticaly CDN是目前免费CDN中比较好用的啦，他的应用规则如下： # 格式 其中 user是用户名 repo是仓库名 version代表版本(tag...(UNPKG 是一个内容源自 npm 的全球快速 CDN。它部署在 cloudflare 上，在大陆地区访问到的是香港节点。所以速度也不错。)...而npm version patch即为更新 package.json 里的版本号的指令，效果是末尾版本号+1，例如0.0.1=>0.0.2、1.1.3=>1.1.4。...免去了打开package.json再修改版本号的麻烦。（大版本更新还是需要手动改的） 更新 npm 图床务必要记得更新package.json里的版本号！...Npm有100MB的包大小限制，但是NPM有丰富的国内节点。
会得到一个msi后缀的文件，即开箱即用的版本，不用自己手动配置环境变量啥的，会配置好的，注意安装位置改一下就行，放在除c盘外的盘即可，其他就一步步点击确认即可，最后cmd中输入node有welcome提示即为成功...yarn 这个是个包管理工具，和npm差不多，听说更快一点，这里安装是由于主题更新采用的是这个命令，所以这里安装一下。 yarn官网,如果不想配置环境变量的话，还是可以采用msi后缀安装。...点击自动部署会自动进入dev分支下的vercel配置，不是整个仓库 关于mongo db，感觉应该是中国香港节点会更快一点，不知道为啥会推荐us节点 关于环境id 这里应该是最近vercel的默认域名被禁的缘故...下面是部署成功的站点,访问速度还可以。 2.vercel部署 vercel部署可以说是最简单的部署，还带自动化部署的功能，强烈推荐，目前主站是部署在vercel上的。...IT七剑客,挺快的，比之前dev模式好多了 五、常用命令 安装node依赖 自动安装缺少的依赖 npm install 项目调试 在测试功能时使用，该模式下，所有改动均可以快速看到效果，无需重新构建
在决定手动创建 Dockerfile 还是使用抽象工具自动生成 Dockerfile 时，正确的选择取决于多个因素，包括项目的复杂性、团队对 Docker 的熟悉程度以及部署环境的特定要求。...硬编码 – 此 Dockerfile 使用特定版本的 Node.js 镜像 (node:14)，而没有一种简单的方法来更新它。...全局 NPM 包安装 – 安装全局包（TypeScript、ts-node、nodemon）会使镜像变大，并将构建绑定到这些工具的特定版本。...此外，在安装所有依赖项后使用npm prune --production表明管理生产和开发依赖项的方法效率低下。...自动生成 Docker 镜像的案例 随着自动化创建和管理 Docker 容器的复杂工具和框架的出现，有充分的理由使用这些技术来节省时间并减少人为错误的可能性。
只需三步，就能使用，已完成的步骤可以直接跳过： 安装 Node 和 npm Node 是服务器端运行 Js 代码的引擎；npm 则是依赖包管理工具，可以轻松安装工具和代码类库。...安装成功后，进入命令行 cmd，输入命令来判断 npm 是否安装成功： npm -v 输出版本号，则安装成功： ?...安装成功 一行命令安装 serve 工具： npm i -g serve 进入源代码目录（我这里是 daxigua），启动 serve： serve 启动成功后，打开浏览器访问 localhost:...Vercel Vercel 是免费网站托管平台，可以帮我们部署网站，并生成可访问的简短网址，还能够和自己购买的域名进行绑定。 ?...先在命令行通过 npm 命令安装 Vercel： npm install -g vercel 安装完成后，进入 index.html 所在目录（我的是 daxigua），使用 vercel 命令发布网站
该脚本基于DOM构建截图，并根据页面上可用的信息创建图片。虽然这不是真正意义上的屏幕截图，但由于完全依赖于浏览器，在客户端生成整个图片而无需服务器渲染。...它基于 Paul Bakaus 的 domvas，经过完全重写，修复了一些错误并添加了一些新功能 (如支持网络字体和图片)。...以下是该项目的核心优势： 支持将任意 DOM 节点转换为 SVG、PNG 或 JPEG 图像 可选择性地设置输出图像质量、大小等参数 提供灵活且易用的 API 接口，使用简单方便 这个开源项目在最新版本...vercel/satori Stars: 8.5k License: MPL-2.0 satoriSatori 是一个将 HTML 和 CSS 转换为 SVG 的库。...灵活的转换功能 支持 JSX 语法，使用简单直观 处理布局计算、字体和排版等细节 Satori 提供了灵活而强大的转换功能，可以将 HTML 和 CSS 文件快速准确地转化为 SVG 图像。
/ 4.4 安装yarn工具 Yarn是由Facebook开发和开源的一个用于管理项目依赖关系的工具。...它是一个替代npm的工具，能够提供更快的依赖包下载速度和更好的依赖管理功能。Yarn能够保证依赖包的版本一致性，确保项目的稳定性和可靠性。...使用npm全局安装yarn npm install -g yarn 检查yarn版本 [root@jeven ~]# yarn --version 1.22.19 设置国内镜像源 [root@jeven...通过正确管理版本、依赖关系和安全性，以及进行性能优化，可以确保部署的Node.js项目在生产环境中稳定和可靠地运行。...在部署excalidraw-白板工具时，首先需要确保Node.js和npm（或yarn）已经正确安装。
Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。... 来查看一下版本 拓展内容 Git小乌龟的安装及使用 Git小乌龟是Windows平台的一款Git管理工具，适用于不怎么喜欢使用命令行的人 请参考链接 Git小乌龟的安装及使用 - 简书 (jianshu.com...Hexo基于Nodejs进行编写 Linux： SHELL 12 yum install nodejsyum install npm Windows: nodejs选择LTS版本下载安装 安装完成后需要检查是否安装成功...这样可以保证每次的推送都是正确合法的。...: 基于butterfly的魔改版本hexo博客源码 (github.com) clone到本地并修改butterfly_config.yml 进入目录安装依赖 SH 1 npm install 参考上文及
只需三步，就能使用，已完成的步骤可以直接跳过： 安装 Node 和 npm Node 是服务器端运行 Js 代码的引擎；npm 则是依赖包管理工具，可以轻松安装工具和代码类库。...[image-20210129113246452.png] 安装成功后，进入命令行 cmd，输入命令来判断 npm 是否安装成功： npm -v 输出版本号，则安装成功： [...安装成功] 一行命令安装 serve 工具： npm i -g serve 进入源代码目录（我这里是 daxigua），启动 serve： serve 启动成功后，打开浏览器访问...Vercel Vercel 是免费网站托管平台，可以帮我们部署网站，并生成可访问的简短网址，还能够和自己购买的域名进行绑定。...[640-20210129115147046.png] 先在命令行通过 npm 命令安装 Vercel： npm install -g vercel 安装完成后，进入 index.html 所在目录（我的是
我在这里使用的是 此链接 下载的 Git-2.25.0-64-bit.exe ，全默认选项安装。...打开 Git Bash ，通过下面的代码查看版本 : node -v npm -v 如果都有显示版本 图片 则代表环境安装成功。...打开 Git Bash ，运行下面的命令安装 Hexo ( 回车后可能需要等待一段时间，我在这里等了 100s ) : npm install -g hexo 提示 + hexo@{{版本号}} 即为安装成功...验证安装 在终端输入以下内容 node -v npm -v 如果都有版本显示，则可以开始CloudStudio云端修改 图片 Hexo（本字节转自FlyingSky 有修改） Hexo 是一个快速、...打开终端 ，运行下面的命令安装 Hexo npm install -g hexo 提示 + hexo@{{版本号}} 即为安装成功。
，vercel 更推荐使用 TypeScript 安装 @vercel/node npm i -D @vercel/node 将上面的 hello.js 改为 hello.ts，内容为 api/hello.ts...`) } 此外还可以使用其他语言，这里为 Vercel 所支持的语言 开发环境 上面创建的例子是在生产环境下进行的，vercel 官方非常贴心的提供了 vercel dev 来用于开发环境（本地调试）...而 rewrites 重写内部转发了请求，地址栏不会发生改变，并且状态码由转发的请求决定。 并且 redirects 是先被调用的，而 rewrites 是后被调用的。.../node" } ] } 安装 @vercel/node包 npm i @vercel/node -D 然后运行 vercel，而不是vercel --prod 部署 Nest.js 这里有个部署...build 打包） 最后 Vercel 十分良心，为个人用户提供了免费的爱好者计划，每个月提供 100G 流量，构建时间是 100 小时，50 个根域名绑定。
now.sh是ZEIT推出的一款全球化实时部署服务。ZEIT现在已经改名为Vercel。 网站地址：vercel.com Vercel 是一个云平台静态站点和无服务器功能完美地与您的工作流程适合。...本次部署的是React项目，会直接检测到，自动选择Create React App，然后配置打包命令等。这里打包命令设置为npm run build另外两个选项默认然后点击部署。...在Deployments中可以查看该项目的部署list，点击可以查看输出的log信息，如果部署失败可以查看错误信息，改动后自动重新部署。 点开一条可以看到详细信息。 ?...这里是点开一条部署失败的记录，类似之前的预览，但在下方的Build Logs中会输出详细的信息，可以根据报错修改自己的代码。 ? 可以查看项目的资源文件。 项目设置 ?...主要修改的就是自己的域名，一般都需要为自己的网站设置一个比较容易记住的域名，而不是一串哈希值。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
