博客使用指南
Astro是一个不错的框架,能够使用其开发各种SEO友好的网站,热更新也是十分的快速。作为新生的静态站点生成器,背靠Vite,其前景也是十分乐观的,写下此篇文章之时,也已经浅用开发了几个静态博客,整个过程还是比较舒心的。在此也是分享下我使用的过程。
纯在线方案
- stackblitz
一个在线编辑器,能够在本地浏览器模拟一个linux环境,同时可以运行启动端口,是个十分方便的在线编辑器,可惜尚存在一些问题,比如跟Github同步之后,如果没有及时提交就刷新网页,此时数据就丢失了。 - netlify
能够直接部署Github仓库的代码并自动生成一个域名,如果Github推送了,能够自动触发代码编译部署,所以写了文章只需直接提交即可,别的无需操心,速度也是挺快的。
因此,有了这两个工具,使得云上编辑更方便了,毕竟比起github不停的抽风,stackblitz速度还是不错的。不过缺点有以下几点:
-
stackblitz同步github仓库,如果未能同步成功,然后刷新界面,本次未提交的代码将全部丢失,如果要克服的话,必须没编辑几下就提交。同时也有可能网络问题导致无法同步,此时刷新也会丢失代码。
-
无法粘贴图片,但可以同步PicGo先自行上传到cdn上再粘贴。
本地开发方案
使用此博客本地开发还是十分方便的,前提是安装了本项目推荐的几个插件,可以在插件列表-->推荐
中可以看到,配置也大致配置了,除了可能browse-lite
需要自行调整一下。本博客提供了以下几点:
- 粘贴图片
可以自行复制图片,然后右键选择粘贴图片,那么图片会自动复制到public/article
目录下,编辑器也会插入一个图片。 - 模板生成
右键文件夹第一个选项点击即可,取个名字就行 - vscode运行网页
运行npm run dev
后,使用Ctrl+Shift+A
打开命令,执行Browse Lite: Open ...
即可出现网页,热更新也是实时的。 - 插入当前时间
编辑器内使用Ctrl+Shift+A
打开命令,执行Inser Formatted DateTime
,会在编辑器中生成当前时间,可当作发布时间和更新时间。
其实本身在开发一个electron项目,能够集成上去配合上webdav啥的感觉才是最优解。