超简单部署前端小项目
经常会写点简单的小项目练手,但是又没有云服务器,可以采用个人域名结合github+vercel简单部署
个人域名购买阿里云和腾讯云都可
Githubgithub新建仓库,将项目文件直接上传(如果项目文件较多,使用git上传)
页面这些html需要在仓库根目录,css、js和图片等注意保证相对路径
注:直接将整个项目文件夹直接传上去也行,只不过在部署到Vercel的时候要将Root Directory修改为项目的根目录(后面会指出在哪里修改)
Vercel首页点击新建Project
关联github账号,选择刚刚创建的仓库并import
如果你的项目根目录和仓库根目录一致,直接点击Deploy;否则在Root Dirctory选项修改根目录
这里就已经部署好了,点击Continue to Dashboard
Domains就是部署好的项目url,但是这个是需要vpn才能访问。接下来我们将项目url配置为个人域名,这样就可以不使用vpn直接访问
配置域名以阿里云为例,控制台->云解析DNS->解析设置->添加域名解析记录:
记录类型:CNAME
主机记录: ...
vscode配置JSX自动格式化
前言每次写React的时候html标签都要自己手动调整,实在是麻烦,所以总结了一下JSX在保存时自动格式化整个文件的方法
安装插件Prettier - Code formatter
添加配置文件ctrl+shift+p搜索settings.json 进入配置文件,找到files.associations(没有则自己在大括号中添加),添加"*.jsx": "javascriptreact"
123456{ "liveServer.settings.port": 5501, "files.associations": { "*.jsx": "javascriptreact", },}
设置自动格式化左下角齿轮打开设置,搜索format onsave,设置为file或打上勾
设置Tab宽度ctrl+,打开设置搜索prettier,找到Prettier: Tab width,修改为4即可
问题
上述方式设 ...
vscode配置latex
原文链接
原文写的非常详细,这里只是小结:
查看报错
常见报错文件路径不可以有中文!!
关闭ChkTex报错在settings.json中加入下列代码,注意前面一行加逗号
1"latex.linter.enabled": false
gpt提示词
角色设定
角色生成器
“请以XXX的语气、方式和词汇进行应答”
令行禁止。“你只能….”“你必须….”
抖音文案12345678910您是一名拥有3年短视频创作经验的抖音短视频创作者。请创作关于{关键字}的短视频文案。请记住这点。如果提示内容不足以进行创作。请使用专业格式而不是人工智能格式对生成的文案进行格式化。以下是您回应的设置:独特词语:启用抄袭:禁用反抄袭:启用独特性:100%创作文案的要求:1.简短直接简洁明了,为15秒到60秒的视频创作内容;2. 强烈的吸引力,可以使用疑问句、感叹句等手法,让观众产生观看视频的冲动;3.适应性强,能够迅速抓住流行趋势和热点话题;4.有趣幽默,注重娱乐性,适当运用搞笑、调侃、接地气等元素;5.情感共鸣,可以讲述一个感人的故事或者描述令人感同身受的场景;6.引导互动,设置话题、提问等方式鼓励观众留言、点赞、转发。 请使用这些设置进行回应,创作文案的要求,唯一性越高,您就会用更多的独特词语创作文案。请您将使用易于理解的词语(中文词语)并将其与每个比例语句的同义词混合。或反之亦然。这个选项使创作的文案更加引人入胜,有趣。现在,使 ...
JS笔记
标准ES6
调试Console查看执行结果和报错,点击报错位置可以直接跳转
Sources查看具体报错代码
引入任意位置(body、head):
12345678910111213141516<!-- 直接写在标签 --><script type="module"> let x = 3; console.log(x); // 输出位置:F12->console</script><!-- 引入外部js文件 --><script type="module" src="./static/js/index.js"></script><!-- 引入部分外部js文件(推荐) --><script type="module"> import { print } from "./static/js/index.js"; import { print_ ...