这篇教程来实现hexo-sakura主题的公告功能。

首先定位到我们主题的公告位置,位置在index.ejs。

接下来用ejs模板变量替换公告,替换前先在主题配置文件或hexo配置文件中增加变量。(这里看不懂的可以看我这一系列文章《yaml基本语法及实现Hexo二级导航栏功能》看下yaml语法就明白了)

1
notice: hexo-Sakura主题已经开源,目前正在开发中...


接着再在index.ejs中使用模板语言<%= theme.notice%>输出主题配置文件中notice变量的内容。(因为是写在主题配置文件中,所以使用theme变量,要是写在hexo配置文件中,则要使用config.notice)

修改完成后的效果:

希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以加博主好友哦

有好的文章也可以向博主投稿哦