博客使用指南

Astro是一个不错的框架，能够使用其开发各种SEO友好的网站，热更新也是十分的快速。作为新生的静态站点生成器，背靠Vite，其前景也是十分乐观的，写下此篇文章之时，也已经浅用开发了几个静态博客，整个过程还是比较舒心的。在此也是分享下我使用的过程。

纯在线方案

1. stackblitz
   一个在线编辑器，能够在本地浏览器模拟一个linux环境，同时可以运行启动端口，是个十分方便的在线编辑器，可惜尚存在一些问题，比如跟Github同步之后，如果没有及时提交就刷新网页，此时数据就丢失了。
2. netlify
   能够直接部署Github仓库的代码并自动生成一个域名，如果Github推送了，能够自动触发代码编译部署，所以写了文章只需直接提交即可，别的无需操心，速度也是挺快的。

因此，有了这两个工具，使得云上编辑更方便了，毕竟比起github不停的抽风，stackblitz速度还是不错的。不过缺点有以下几点：

1. stackblitz同步github仓库，如果未能同步成功，然后刷新界面，本次未提交的代码将全部丢失，如果要克服的话，必须没编辑几下就提交。同时也有可能网络问题导致无法同步，此时刷新也会丢失代码。

2. 无法粘贴图片，但可以同步PicGo先自行上传到cdn上再粘贴。

本地开发方案

使用此博客本地开发还是十分方便的，前提是安装了本项目推荐的几个插件，可以在插件列表-->推荐中可以看到，配置也大致配置了，除了可能browse-lite需要自行调整一下。本博客提供了以下几点：

1. 粘贴图片
   可以自行复制图片，然后右键选择粘贴图片，那么图片会自动复制到public/article目录下，编辑器也会插入一个图片。
2. 模板生成
   右键文件夹第一个选项点击即可，取个名字就行
3. vscode运行网页
   运行npm run dev后，使用Ctrl+Shift+A打开命令，执行Browse Lite: Open ...即可出现网页，热更新也是实时的。
4. 插入当前时间
   编辑器内使用Ctrl+Shift+A打开命令，执行Inser Formatted DateTime，会在编辑器中生成当前时间，可当作发布时间和更新时间。

其实本身在开发一个electron项目，能够集成上去配合上webdav啥的感觉才是最优解。