首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

喝杯咖啡,一键部署前端项目

在打包前端项目时,需要通过 npm run build 打包。 npm run build 是一个npm命令,用于在项目中运行预定义的构建脚本。...通过命令 npm -v 可以查看 npm 安装的版本。...查看 npm 安装的版本 三、Jenkins 前端部署思路 通过 Jenkins 从 Git 仓库获取代码 通过命令删除 Jenkins 工作空间的前端编译文件 通过 npm 安装依赖 通过 npm run...build 编译打包前端项目 通过压缩命令将编译好的目录压缩成一个文件 tar.gz 通过 Jenkins ssh 插件将压缩包文件 tar.gz 拷贝到 linux 服务器 通过文件操作命令将之前的前端项目备份...在备份目录bak上创建一个以当前时间作为目录名的目录。 将远程服务器的上 前端目录 重命名为原文件名+时间戳的名字。

18510

从零实现Github+Vercel部署hexo

,但是总是失败,获取不到,看到评论发现v12.18版本的可以实现,但是自己的开发需要版本是16版本的,所以在考虑是否可以多个版本来回切换呢,所以看了很多总算是可以了:nvm,可以让你在电脑上管理多个版本的...简单解释 ✅ 简单解释 root:NVM 安装路径 path:NodeJS 快捷方式路径 使用 NVM 安装成功后,win + r 输入cmd 新开cmd窗口,可以通过 nvm -v 命令查看所有可用的命令...的版本 6.14.5 C:\Users\28138>node -v # 打印node版本 v12.18.1 C:\Users\28138>nvm list # 通过命令也可以查看现在使用的 版本...// 卸载node.js是的命令,卸载指定版本的nodejs,当安装失败时卸载使用 nvm ls // 显示所有安装的node.js版本 nvm list available...添加域名 在域名解析出填写相应的CNAME值 记录主机:填写域名 记录值:填写vercel上你添加的域名给的CNAME值 TTL:一般选择10分钟即可 ---- 这样你就拥有了一个属于自己的基本免费的博客网站了

1.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    在Centos上安装Node.js

    Node.js大部分基本模块都用JavaScript语言编写。在Node.js出现之前,JavaScript通常作为客户端程序设计语言使用,以JavaScript写出的程序常在用户的浏览器上运行。...设置CVM 首先,我们需要一个CVM(最小的就足够了),如果仅仅是实验,我推荐您使用腾讯云免费的开发者实验室进行使用,和一个SSH客户端(比如Windows上的Putty、Linux系统和Mac OSX...此外,我们将安装screen,一个可以让你的SSH后台工作的软件。它非常方便,特别是在开发编译的时候。...我们现在可以通过执行configure脚本来准备我们的编译器命令: ./configure 这将读取我们系统的属性以准备编译器的内容,例如,它将读取您的系统架构(32/64位,CPU等信息)。...只需输入: make 这可能是最耗时的任务:在CVM上,完成需要大约6分34秒。

    2.6K00

    自己部署 Node.js 版本的 Wafer2 Demo

    自行部署适用于想将腾讯云 Wafer SDK 和 Demo 部署在自己的服务器上以获得更高的灵活性和操纵权限的用户。...,可以通过如下命令检查 Nginx 是否安装成功: nginx -v 这个命令会显示 Nginx 的版本号,如果显示如下信息,则安装成功: [图片] 安装 Node.js Wafer 的 Demo 需要...,我们可以通过 SFTP 把本地的文件上传到服务器上,通过以下命令检查 sftp 状态: service sshd status 看到输出的信息中有 active (running) 则表示 sshd.../weapp 目录下: [图片] 使用 SSH 切换到代码目录: [图片] 输入以下命令切换 npm 源到腾讯云镜像,防止官方镜像下载失败: npm config set registry http:/...最后启动 Node.js 程序 node app.js 完成 顺利完成以上操作,就完成了 Wafer Demo 在自己服务器上的部署。

    13.6K120

    ⭐️入职新公司需要准备哪些工作,如何让同事觉得你是大神

    在终端中运行以下命令来安装Node.js: nvm install stable 这将安装最新的稳定版Node.js。...环境变量配置完成后,可以在终端中使用nvm命令来管理已安装的Node.js版本。...使用已安装的Node.js版本 在终端中运行以下命令来切换到已安装的Node.js版本: nvm use 使用具体的版本号替换。...以下是配置SSH协议的步骤: 生成SSH密钥对: 在终端中运行以下命令来生成SSH密钥对: ssh-keygen -o 按照提示,选择密钥的保存路径和设置密码(可选)。...配置代理 配置信息 代理服务器:127.0.0.1 (如果部署在远程服务器或虚拟机上,改成对应服务器或虚拟机的ip即可) 默认端口:8899 (如果端口被占用,可以在启动时通过 -p 来指定新的端口,更多信息可以通过执行命令行

    36020

    如何快速搭建 hexo 博客

    hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub Page、COS(腾讯云对象存储)等支持静态网站的系统上,是搭建博客的首选框架。...hexo是一款基于Node.js的静态博客框架,依赖少易…… 部署hexo到腾讯云COS 既然比较推荐部署到腾讯云COS,那么我们就先看看如何将hexo部署在腾讯云的COS上。...在开始之前,我们要做一些准备,要在腾讯云COS上创建存储桶,并设置好静态网站环境,这里可以参考如何通过 cos 托管静态网站这个教程。...生成ssh密钥文件 接下需要创建ssh密钥文件,为什么要创建呢,因为Hexo部署在github上是通过密钥配对上传的,所以我们需要创建公钥和私钥,什么是公钥和私钥请点这里。...部署在自己的服务器 可以按照第一步的步骤在自己的服务器上提前安装好Node.js和Git,接下来在本地部署好hexo博客,撰写好文章。最后生成静态文件。

    3.1K3533

    Hexo博客的安装部署及多电脑同步

    不管是部署在自己的服务器还是部署在Github Pages上,都需要先生成网页文件才行,这块输入如下命令: sudo hexo generate 来生成静态网页文件,同上,Windows不需要输入sudo...如何部署在自己的服务器上 当静态文件生成好之后我们需要使用如下命令部署网站,命令如下 sudo hexo deploy sudo hexo server 启动服务器。...生成ssh密钥文件 接下需要创建ssh密钥文件,为什么要创建呢,因为Hexo部署在github上是通过密钥配对上传的,所以我们需要创建公钥和私钥,什么是公钥和私钥请点这里。...生成的密钥文件,Windows密钥文件在C:/Users/你的用户名/.ssh目录下。...然后拷贝到相关目录下(Windows目录在C:/Users/你的用户名/.ssh目录、Mac在~/.ssh/目录,Ubuntu也在~/.ssh/目录下)即可正常部署您的网站。

    3.8K81

    通过github构建个人博客1-基本环境搭建

    互联网时代,通过写博客去记录自己的学习过程,是一种相对比较方便且效率很高的方式。因而,养成一个写博客的习惯,对于科研和工作,都有很大的帮助。...本文主要介绍如何在windows操作系统上基于github平台,结合hexo框架(一个node.js框架)来构建一个专属于个人的博客。...安装完成后打开cmd,分别输入以下命令 ,分别能显示node 和 npm的版本就说明安装成功了。...node -v npm -v (3) hexo的安装与配置 在本地磁盘中设置一个blog目录,例如我的是:g:\blog(G盘下的blog文件夹)。...cmd中切换到该目录下,输入安装命令:npm install hexo -g, 安装完成后输入:hexo -v , 显示hexo的版本则说明安装成功。

    53110

    解锁高效开发:CICD 流水线打通跨技术栈协作流程

    这种手动流程弊端显著:一是效率低下,大量重复性工作耗费开发者精力,频繁在不同工具、命令间切换,易出错;二是协同困难,各技术栈团队进度不同步,集成时问题频出,如接口不兼容、数据格式不一致,排查修复耗时久;...Plugin,用以管理 Node.js 版本、执行 npm 命令,确保前端代码构建顺畅,如执行 npm install 与 npm run build;Python 项目可安装 Python Plugin...构建成功则生成 JAR 文件,借助 Publish Over SSH 插件,依预设配置传输至测试服务器、预发布服务器或生产服务器指定目录,同时可编写 Shell 脚本,实现远程服务器上 JAR 包的自动部署...JAR 文件传输至目标服务器,通过 SSH 命令启动服务,全程自动化,无需人工干预,高效可靠。...测试通过后,npm run build 构建项目,生成优化后的静态资源,如 HTML、CSS、JavaScript 文件,存于指定 dist 目录。

    9810

    下载和运行GitHub上的代码教程总结

    ,那么你直接点左下角的Open in Desktop,就可以在你本地的客户端直接打开,用得不多; Download Zip,可以直接下载项目的压缩包到你的电脑上,用得不多; 代码克隆,工作中基本都是通过...3.2 Git Clone 的两种方式 通过Http的方式克隆项目,如果账号没有添加SSH密钥,那可以用HTTP的方式克隆项目 通过SSH的方式克隆项目,账号有添加SSH密钥 3.2.1 通过HTTP...关于配置SSH的方式可以参考我记录的另一个博客:Git配置SSH及通过IDEA连接GitLab方法总结 如果你是登录的状态,并且已经添加过SSH密钥,那么你在点击Clone orDownload的时候...然后在Git Bash的命令窗口输入git clone 你复制的地址,回车,然后直到出现下一个$的时候,表示下载成功。...的工具: 一般使用npm install来构建下载依赖,执行 npm install 命令时,默认使用的是国外的下载源 ,可以通过如下代码配置为使用淘宝的镜像: npm config set registry

    18.6K30

    nodejs升级到最新LTS版本方法汇总:linuxmacwindow—npmyumssh

    nodejs不同版本的差异还是蛮多的,比如obj?.a 在nodejs12是不支持的,必须得升级到14才可以。但是centos yum 默认安装的,或者系统集成的nodejs版本都是很老的。...项目上传到生产环境无法跑。...》 本篇主要讲linux 服务器上 升级方法,nodejs版本、 看了官网的文档:https://www.linode.com/docs/guides/how-to-update-nodejs/  本篇做最详细的补充...通过npm升级npm和node升级的正确方式 npm升级npm npm install npm@latest -g 检查 npm 的当前版本,使用命令:npm -v 清除npm cache npm ...Manage Your Node.js Versions https://www.npmjs.com/package/n 因为n比nvm简单,所以在linux上直接npm 来升级nodejs,我选择n

    3.9K20

    使用Vercel+GitHub快速构建Hexo博客

    Node.js(本字节转自FlyingSky) 下载 Node.js 并安装 ( 同样,如果觉得官网下载速度过慢,可以前往 淘宝 NPM 镜像 下载 ) 。...运行测试 在完成写文章、装主题之后,可以通过执行以下命令 hexo g -s 输入完成命令后 访问 localhost:4000 检查是否可以正常运行。...部署Hexo博客 如果上一步正常运行,就可以通过Git Push的方式,推送到Github上,Vercel自动拉取部署。...进入Coding之后,在左侧找到CloudStudio,授权后,点击 新建工作空间 然后选择Node.Js,命名随意填,代码来源选择空。...部署Hexo博客 由于无法完成本地运行测试,故直接Push,通常情况下,在主题、插件没有问题的情况下,直接Push部署是没有任何问题的。

    67810

    win10+hexo+github搭建个人博客

    win10+hexo+github搭建个人博客 参考:https://hexo.io/,博客用于记录自己的学习工作历程 参考以下步骤安装 1、搭建环境准备(包括node.js和git环境,gitHub...ssh-keygen -t rsa -C "github注册邮箱(自定义)" -f .ssh/shaonbean # -f 输出以昵称命名的公钥和私钥,方便记忆 公钥生成之后加到github上,方便后面的使用...命令行执行下面命令: hexo g # 本地生成数据库文件,目录等 hexo d # 部署到远程 新建一篇博客 hexo new post "devops" 然后通过电脑编辑器(atom)...对文章进行编辑,编辑完成之后,再次运行上面的生成,部署命令 hexo g # 本地生成博客 hexo d # 发布到远程 hexo d -g #在部署前先生成 注: 安装git扩展 npm...后面笔者会专门写一篇添加ssh 密钥的文章 部署完成可以看到github上面shaonbean.github.io,已经存在文件,通过浏览器访问如下: ? ?

    1.1K60

    开发小白也毫无压力的hexo静态博客建站全攻略

    本文介绍对开发小白也毫无压力的hexo静态博客建站全攻略,github.io与coding.me的静态博客类似,3年前本人基于本机Windows在github.io上创建了静态Github Pages...- yanglr,本文以在Coding pages上建站为例。...启用通过git将hexo部署到远程的功能 完成此项工作,需要先安装hexo-deployer-git, 相应需要在命令行中执行: $ npm install hexo-deployer-git --save...然后在coding pages的页面中设置如下: [img2] 过几分钟后,就能通过域名www.enjoy233.cn来访问我的博客了。..._config.yml文件的配置、域名绑定、主题使用等等,基本上与在Windows下安装完全一样,参考Windows下同样的操作即可,就不再赘述了。

    1.6K30

    PM2一键搞定,多台服务器同时部署发布Node.js项目!

    一、使用场景 在 node.js 项目部署发布时,经常用 SSH 分别连接多台服务器,对每一台服务器都要执行 git pull 最新代码,编译启动应用的操作,操作琐碎且容易忘记其中某些操作。...pm2 可以很好解决这个问题,只需一个命令就可以自动完成,还能实时监控、查看 node.js 应用的运行情况。 二、解决方案 第一步:服务器环境配置 安装 node.js :不会,看这里!...clone 代码等初始化工作。...在配置文件中设定 env_production 和 env_development ,就可以在执行命令时调用,把环境变量传递给node.js 项目:pm2 deploy production --force...pre-setup" : "在setup执行前 运行的 命令或脚本", "post-setup" : "在代码clone完成后 执行的命令或脚本", "pre-deploy

    1.5K20

    使用Hexo发布博客(Windows环境)

    Mac上这样就成功了,但是在Windows上我们需要安装rsync客户端,下面就说一下Windows上的客户端的两种方式 方式一 先说结果这种方式只能用命令推成功 用Hexo自动发布没有成功 下载安装...cwRsync Windows上需要安装客户端,否则无法用rsync命令上传至服务器,安装完成后要设置环境变量 链接:https://pan.baidu.com/s/1FTiyrKMA4LIzugk4nUPbYA...但通过以下命令部署 hexo g hexo d 又报错误 Error: Could not create directory ‘/home/Jian/.ssh’....在cwRsync文件夹下建/home/Jian/.ssh即可并生成公钥和私钥,并把公钥内容复制到服务器的/root/.ssh/authorized_keys文件中即可。.../public/ root@119.3.212.206:/data/myblog/ 但是我们并不能通过以下命令部署 hexo clean hexo deploy 因为我们在Ubuntu中,里面没有安装Node

    1.2K30

    写给前端的 Jenkins 教程——快速实现前端 Node.js 项目的 CICD

    在软件工程中,CI/CD 或 CICD 通常指的是持续集成和持续交付或持续部署的组合实践。CI/CD 通过在应用程序的构建、测试和部署中实施自动化,在开发和运营团队之间架起了桥梁。...在 凭据 一栏中选中我们之前添加的 Secret text,勾选 Provide Node & npm bin/ folder to PATH 为构建项目提供 Node.js 环境。...配置任务 然后我们到 构建 一栏中,增加构建步骤,选择 执行 shell,在命令中输入: node -v npm -v rm -rf node_modules npm install npm run...添加构建步骤 注意:命令中有一条 npm run test 命令可以不加,如果是编写好了测试用例的项目,就需要加上,测试代码功能是否正常。 ?...添加构建命令 最后一步,我们点击 增加构建后操作步骤,选择 Send build artifacts over SSH,使用 SSH 的方式将代码上传至服务器。 ? 添加构建后步骤 ?

    1.4K20
    领券