随着8月17日七夕节(他的生日),Roselia-Blog2.0发布了(其实两者没有任何关系)
这是一次十分巨大的更新,前端的页面完全重写,现在这个是完全用Vue.js写的一个单页APP
关于SEO问题,和NEO一样,不同的是,这次我把后端返回的信息直接丢弃了,hhh
原本以为的Python项目,最后走向了VUE全家桶的不归路。但是从最开始的版本重写迭代到了现在,还是蛮有成就感的。
新版本最大的特点是对理工选手特别友好,原生支持:
- 代码高亮
- 内嵌公式
- 侧边栏导航
- 站内文章链接预览
- 文章内引用文献预览&跳转
- 黑幕支持(黑幕内容)
- 文章内迷你脚本&字符串插值 r{{ 表达式 }}(roselia-script)
roselia-script(其实只是普通的字符串插值)
语法: (Roselia|roselia|r|R){{(expression)}}
存在内置api
def (name, func)
定义函数,或者为api结果命名
music (meta, autoplay = false, onPlayerReady = null)
插入一首歌(基于APlayer)
onceLoad (fn)
: 定义文章加载完成后的回调
onceUnload (fn)
: 文章销毁时的回调
getElement (el)
: 获取对应的元素
btn (text, onClick, externalClasses = '')
:插入一个按钮
toast (text, color)
: 显示一个toast通知
then (fn)
: 在DOM完成后执行(对DOM的操作请务必在then中进行,除非你确信此时已经有这个元素了)
audio (src)
插入一段原生audio Element
importJS (url, onComplete)
: 插入外置JS代码(会影响到之后的文章,慎用)
Y
: 大名鼎鼎的Y-组合子Y-Combinator