语雀专用测试文章
本文首发在语雀
自动同步更新至CC的部落格
当一切准备好后, 语雀主动推送更新文章才会触发 CI , Gitlab 单独触发单独构建 (一平台一仓库搞定所有, 赞, 要不是速度慢了点, 肯定值得推荐的) , 其他平台由 云函数 触发, 由 GitHub Actions 构建, 至此所有镜像站均可完成同步更新
Hexo标签测试
CC康纳百川
一个无趣的人
丙辰中秋,欢饮达旦,大醉,作此篇,兼怀子由。
明月几时有?把酒问青天。
不知天上宫阙,今夕是何年?
我欲乘风归去,又恐琼楼玉宇,高处不胜寒。
起舞弄清影,何似在人间?
转朱阁,低绮户,照无眠。
不应有恨,何事长向别时圆?
人有悲欢离合,月有阴晴圆缺,此事古难全。
但愿人长久,千里共婵娟。
关于写作格式 我想说首先就是恼人的 front-matter ,导入要注意格式(不然会被转换为二级标题),导出也要注意格式,真的很头疼,这个我想应该先给团队反馈
所以原来的模板是不能用了, 本地和语雀要有两套模板, 但数据存在语雀还是很安全的
1 | --- |
即使是这么写, 但要保证和不是 front-matter , 就像文章开头那样即可, 不然就会出问题啦
如上所见, 其他内容无需注意, 均能正常渲染,
front-matter中的链接请使用引号(单引号双引号均可,中文也可,反正会格式化),不然同步过去会识别成md格式链接导致报错- 或者当自动识别为链接后也可以鼠标点击链接后,点击取消链接选项变为黑色普通文字即可
- 关于上述,我们要记得导出格式为
markdown而不是hexo以获得较好的兼容,以及线程设为一降低出错的可能性 外链图片见下文- 采用了 vercel 云函数 api
外链引入图片测试
https://cdn.jsdelivr.net/gh/ccknbc-backup/photos/blog/2020-10-12~18_03_32.webp
https://cdn.jsdelivr.net/gh/ccknbc-backup/photos/blog/2020-10-12~18_03_32.webp
!https://cdn.jsdelivr.net/gh/ccknbc-backup/photos/blog/2020-10-12~18_03_32.webp
以上三种都是错误写法,格式可在语雀查看,下面是正确写法(也就是保证链接自动识别转换为 md 格式后在前面加上!变为md格式图片引用)
但这种写法在语雀无法查看的, 所以请使用 html 或 md (推荐) 语法, 以便在语雀也能正常查看
不过导入的文章不用担心这些啦, 因为已经帮你转换好了导出也是正常的
1 |  |
1 | <img src="https://cdn.jsdelivr.net/gh/ccknbc-backup/photos/blog/2020-10-12~18_03_38.webp"> |
1 | <img data-role="image" src="https://cdn.nlark.com/yuque/0/2020/webp/8391407/1608118431216-b79b2e90-a0e6-4304-85a8-23475b588c77.webp?x-oss-process=image%2Fwatermark%2Ctype_d3F5LW1pY3JvaGVp%2Csize_20%2Ctext_Q0PnmoTpg6jokL3moLw%3D%2Ccolor_FFFFFF%2Cshadow_50%2Ct_80%2Cg_se%2Cx_10%2Cy_10%2Fresize%2Cw_1492" data-raw-src="https://cdn.nlark.com/yuque/0/2020/webp/8391407/1608118431216-b79b2e90-a0e6-4304-85a8-23475b588c77.webp?x-oss-process=image%2Fwatermark%2Ctype_d3F5LW1pY3JvaGVp%2Csize_20%2Ctext_Q0PnmoTpg6jokL3moLw%3D%2Ccolor_FFFFFF%2Cshadow_50%2Ct_80%2Cg_se%2Cx_10%2Cy_10" class="image lake-drag-image" alt="oNGhAigG.webp" title="oNGhAigG.webp" style="visibility: visible; width: 691px; height: 389px;"> |
对于 动态图片 , 因为我开启了图片自动加水印, 所以无法正常显示, 但在编辑页面以及 HEXO 博客 是可以看到的,然后原来的图片也被转换成了
看到上面的代码, 我就想问不过为什么不试试直接使用语雀上传图片呢, 这种方式也是个人比较推荐的, 而且可以很方便的设定图片参数, 添加水印等等, 访问还算快, 关键是稳定, 并且读者在语雀也能正常阅读, 所有可以试试把文章导入语雀
语雀上传图片测试
如果遇到上传到语雀的图片无法加载的问题, 可以参考这个处理方式 #41
我们可以修改主题模板来达到此效果
使用体验
这个需要过一段时间, 已经报名体验了新版工作台, 并且使用上了, 总的来说还是很方便的, 反馈问题的话也能很快得到回复, 团队是真的在用心做产品
关于教程
请前往教程: hexo×语雀 实现云端富文本写作查看@小冰博客
当然其中部分内容存在错误, 请读者自行斟酌













