· 操作说明
使用 Front Matter CMS 管理和编写文章
初始步骤
- 在侧边栏的拓展搜索 Front Matter CMS, 安装
- 安装后可以看到左边多了个 FM, 切换到这个面板并点击右上角的 FM 按钮, 打开内容管理面板
在这里可以新建, 删除, 打开文章
创建文章
- 点击面板顶部的 Create content 按钮, 然后输入标题并回车
- 文章打开后, 可以看到左侧的 FM 面板多了一些输入框, 在输入框中输入后, 右侧的文章配置信息会对应填充. 注意 “类别” 和 “标签” 两项在输入后需要回车来创建一个项目.
- 填写一些正文, 然后按
Ctrl+S保存
本地预览
之前说过, VSCode 本身的预览是和实际效果有差别的. 要看到实际效果, 除了提交并在构建后查看, 还可以让网页服务在本地运行. Front Matter CMS 对本地预览提供了一些简化的操作.
- 安装 Node.js
- 点击左边 Action 栏下的 Start server, 等出现绿色的提示就是启动完成了(第一次启动会比较慢)
- 可以直接
Ctrl+点击网址 在浏览器中预览, 也可以点击侧边栏的 Open preview 在窗口内预览.
启动完成后可以点终端窗口右上角的❌隐藏面板, 注意不要点🗑️终止终端
- 修改文章, 按
Ctrl+S保存, 可以看到右侧的预览窗口刷新并同步了修改 - 完成工作后, 可以点 Action 栏下的 Stop server 结束预览, 也可以不管, 因为 VSCode 关闭时会自动结束后台的终端
发布文章
点击左侧 FM 面板顶部的 🔄Sync, 就完成发布了. 提交信息可以写也可以不写. FM 会完成提交相关的操作, 提交所有改动, 并附带一条默认的提交信息.
如果你一次性做了很多改动, 可以在发布前切到源代码管理面板确认一下.
