vercel
发表于|更新于
|浏览量:
请给我勇气和欢愉，我要攀登这一天的顶峰。——博尔赫斯
vercel可以快速开发前端网站然后一键部署
进来后我们登陆了可以看到控制台，创建一个应用
我这里选择一个nuxt.js的模板，点击create
我们的代码就已经自动clone到我们的github仓库中了
此时开始了自动部署
在一阵烟花特效后，点击Go to Dashboard可以回到控制台
进入我们的应用
点击visit即可访问
完成
相关推荐
2025-04-13
nuxt
忘记了它而微笑，远胜于记住它而愁苦。——罗西塔 Nuxt.js：构建现代 Web 应用的强大框架Nuxt.js 是一个基于 Vue.js 的开源框架，旨在简化开发现代 Web 应用的工作流程。无论是服务端渲染 (SSR)、静态网站生成 (SSG)，还是单页应用 (SPA)，Nuxt.js 都提供了一套强大而灵活的解决方案。 背景与简介Nuxt.js 起源于 2016 年，由 Sebastien Chopin 和 Alexandre Chopin 创立。它的初衷是为 Vue.js 应用提供一套开箱即用的工具链，帮助开发者快速构建高性能、SEO 优化以及用户体验卓越的 Web 应用。 今天，Nuxt.js 已发展成为 Vue.js 生态中不可或缺的一部分，被广泛用于企业级和开源项目中。 核心特点1. 服务端渲染 (SSR)Nuxt.js 提供了简单且高效的服务端渲染功能。这不仅提升了应用的加载速度，还显著优化了 SEO 表现。 2. 静态站点生成 (SSG)通过 Nuxt.js 的 nuxt generate 功能，你可以轻松生成静态 HTML 文件，从而创建完全静态化的网站...
2022-06-22
htmlToCanvas
利用时间是一个极其高级的规律。——恩格斯 今天分享一个html转canvas的插件： http://html2canvas.hertzen.com/ 使用方式特别简单： 引入： 12pnpm install --save html2canvas# import html2canvas from 'html2canvas'; 或者直接上link 1<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> 需要转换的html节点 123<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4></div> 使用： 123html2canvas(docu...
2025-01-30
readability
我当然不会试图摘月，我要月亮奔我而来。——奥黛丽赫本 https://github.com/mozilla/readability 最近发现了一款由 Mozilla 开发的开源工具 Readability.js，这是一个专注于网页内容提取的库，它能够快速解析网页中的正文内容，过滤掉广告、导航栏等干扰信息。Firefox 的“阅读模式”正是基于 Readability.js 实现的。这款工具对于需要优化网页阅读体验、自动提取文章内容的开发者来说非常实用。 什么是 Readability.jsReadability.js 是 Mozilla 为了提升用户网页阅读体验而开发的一个工具，能够将网页上的主要内容提取出来并生成清爽的 HTML 片段。它非常适合集成到浏览器扩展、阅读器应用、内容聚合平台等项目中。 安装和使用1. 安装在 Node.js 环境中可以通过 npm 直接安装： 1npm install @mozilla/readability 2. 基本使用要使用 Readability.js 提取网页内容，只需传入一个 DOM 文档对象并调用 parse() 方法： 1...
2025-10-15
jekyll-theme-chirpy
窥天地之奥而达造化之极——李时珍 https://github.com/cotes2020/jekyll-theme-chirpy Chirpy：技术写作的极致优雅——Jekyll 最受欢迎的极简响应式主题如果你是技术极客、程序员、运维、独立开发者，或是任何热爱写作和分享的人，相信你一定会关注“博客体验”这件小事。你想要页面清爽、内容聚焦、功能强大、移动端友好、上手成本低？那么，Chirpy 绝对值得你深入体验！ 一、项目简介 项目地址：cotes2020/jekyll-theme-chirpy 演示站点：https://chirpy.cotes.page 一句话描述：A minimal, responsive, and feature-rich Jekyll theme for technical writing. 主语言：HTML（基于 Jekyll，支持 RubyGems） Star：9310+ Fork：7041+ 开源协议：MIT 标签：jekyll jekyll-theme responsive-web-design html5 bootstrap p...
2022-05-24
css继承
浅水是喧哗的，深水是沉默的。——雪莱 我们知道CSS中一些属性会被继承：给父节点设置样式，子节点也会生效例如color、font-size之类的 但像widths, margins, padding, 和 borders 不会被继承，如果被继承，设想一下，给父节点加了一个border，里面的每个子孙元素都有一个border，这不是我们通常想要的效果 如何来控制这些属性呢？ CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上，就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的，那么会设置为 inherit 。 unset 将属性重置为自然值，也就是如果属性是自然继承那么就是 inherit，否则和 initial一样 这里有一个简单的demo： 12345678910111213141516171819202122232425262728293031<div> <h2> ...
2025-09-24
Chrome DevTools 快速定位请求调用栈并调试前端问题
观古今于须臾,抚四海于一瞬 。一一陆机《文赋》 教你用 Chrome DevTools 快速定位请求调用栈并调试前端问题在前端开发和接口联调中，我们经常遇到这样的场景：某个 HTTP 请求发出后，返回异常，或者你想知道是谁在哪一步发起了这个请求？搞清楚「请求的调用来源」，是定位和解决问题的第一步。今天就来详细聊聊，如何用 Chrome DevTools 追踪请求的 JS 调用栈，并配合断点调试，精准掌控前端网络请求的“源头”。 一、为什么要看请求的调用栈？ 定位发起请求的代码片段：前端框架、工具库封装很多，找不到是谁发的请求很常见。 分析异常/冗余请求：有时页面多发、重复发请求，光看 Network 面板无法溯源。 Debug 异步流程：配合断点跳转，可以还原异步流转过程，查明数据流动和时序问题。 二、如何用 Chrome DevTools 查看请求的 JS 调用栈？1. 打开 Network 面板，找到目标请求 按 F12 或右键→检查，打开 Chrome DevTools。 切换到【Network】标签页，刷新页面或触发操作，找到你关注的请求（可用 fil...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog