diff --git a/source/_posts/sweetalert.md b/source/_posts/sweetalert.md
new file mode 100644
index 0000000000000000000000000000000000000000..0f15f9202f7af02a595281094e9b3862bff98c92
--- /dev/null
+++ b/source/_posts/sweetalert.md
@@ -0,0 +1,206 @@
+---
+title: 谁不想让自己的网站装载上Sweetalert呢?
+categories:
+ - 网站
+tags:
+ - 网站
+ - 科技
+ - Web前端
+date: 2021/5/22 20:23:20
+permalink: /2021/05/22/sweetalert/
+---
+
+说真的,谁不厌倦JavaScript自带的默认弹窗?谁不想让自己的网站装载上Sweetalert呢?
+
+
+
+
+## 对于默认弹窗的厌烦
+
+~~在互联网上混迹多年的~~你,可能会看到一些这样的弹窗:
+
+
值得注意的是,这两行代码的顺序不可互换。因为要先安装才能使用。
+ +当然,如果你喜欢用npm,也可以```npm install sweetalert --save```然后```import swal from 'sweetalert';```。如果这句话你没看懂,直接跳过并使用前一种方式就可以了。 + +## Sweetalert进阶 + + + +首先,这个图标,有多个预设:"warning", "error", "success" 和"info"。 + +```html + +``` + + +你以为就这?别急,这才刚刚开始。先把按钮调整一下。 + +```html + +``` + + + + + +好吧,基本的大致就这些。有关更多,请参见其[官方文档](https://www.sweetalert.cn/guides.html)。 + +## 一些超炫的东西 + +来几个炫酷的,基于Sweetalert的效果,来结束本文吧! + +首先,去Apple iTunes搜电影: + +```html + +``` + + + + + +```html +swal("说点什么吧?", { + content: "input", +}) +.then((value) => { + swal(`你输入了:${value}`); +}); +``` + + + + +好吧,天知道我这篇文章写了多长时间,天知道这篇文章又会加载多长时间:这么多代码……好吧,本文就此了结吧。