emmm…我好像理解错楼主的意思了，看到同步当成是不同的笔记页面了。要满足楼主需求需要修改下，见下方新增的“单页面”部分。
如果楼主只是偶尔使用一次这种格式，或者完全不嫌编辑时麻烦的话，可以使用HTML实现九宫格布局。
使用HTML使用官方默认主题并且不使用CSS片段时的效果参考：
九宫格755×675 80.8 KB代码如下：
%%第一行%%![[笔记]]![[笔记]]![[笔记]]%%第二行%%![[笔记]]![[笔记]]![[笔记]]%%第三行%%![[笔记]]![[笔记]]![[笔记]]将代码复制粘贴进自己的笔记页面，![[笔记]]改成自己的文件就可以了，可以根据自己的界面布局将height: 180px中的数字改成自己需要的高度。
每一行开头的%%注释%%是为了让这一行被识别成Markdown格式而不是HTML，所以不能删除，也不能随意给HTML代码换行。
修改CSS如果经常使用的话，那么修改CSS会是更好的选择，推荐参考外语版论坛分享的这段CSS： List as cards in preview mode - Share & showcase - Obsidian Forum
在需要的时候将列表变为卡片样式，类似九宫格效果：
![[笔记]]改成![[#笔记]]，那么这里引用的就是本页对应标题下的内容，效果参考：
标题590×930 95.8 KB代码如下：
%%第一行%%![[#笔记1]]![[#笔记2]]![[#笔记3]]%%第二行%%![[#笔记4]]![[#笔记5]]![[#笔记6]]%%第三行%%![[#笔记7]]![[#笔记8]]![[#笔记9]]### 笔记1字体颜色背景颜色### 笔记2笔记内容### 笔记3笔记内容### 笔记4笔记内容### 笔记5笔记内容### 笔记6笔记内容### 笔记7笔记内容### 笔记8笔记内容### 笔记9笔记内容在下方修改标题下的笔记内容会自动同步（看起来没有变化只是因为页面没刷新，重新打开页面就好了）。需要注意，修改标题是需要右击标题并点击“重命名当前小标题”，直接编辑是不会同步修改标题的。
楼主希望“每个格子有标题区和文字区，有颜色区分”，改文字的颜色的代码用在标题上也是可以的，但真不建议这么做，太麻烦了，容易得不偿失。
这里还有个也不会让代码更复杂多少的方法，将每行三个共九个的改成，代码增加了一点也许能满足楼主的需求。
#ff4d4f改成自己需要的颜色就好（找个调色工具或者搜索一下）。我截图中没有加上background:#ff4d4f，是因为调配色太麻烦了…
需求程度高的话，将代码存成模板，每次调用，麻烦程度上也还好。