最近本站要更换域名,所以我就想做一个首页和文章内通知,于是就有了这篇文章。
首先打开theme/next/layout/_layout.swig文件找到如下代码中的content-wrap节点。
1 | <main id="main" class="main"> |
在content-wrap节点中添加下面代码
1 | {% if theme.main_notify.enable%} |
上面这段代码的逻辑是判断是否要显示通知,我们实际的通知布局只就是p标签
1 | <p class="content-notify marquee">通知的内容</p> |
接下来我们打开theme/next/source/css/_custome/custome.style文件来修饰p标签的样式。并且添加滚动动画。
1 | .content-notify a{ |
再下来我们需要去配置一下要显示的内容了,全局的显示内容和通知的开关在theme/next/_config.yml中1
2
3
4
5
6#是否显示重要通知
main_notify:
enable: true
#是否在文章页面显示如果显示可以 notify: 自定义内容
pageshow: false
notify: 重要通知:本站即将更改域名为dp2px.com,原域名sunhome.org.cn可继续使用
如果要在页面内显示自定义内容,可以添加notify来添加自定义内容
1 | --- |