这是一个简洁高效的公告通知系统,它能够帮助您在个人博客中迅速传达重要更新、临时公告或其他关键信息给每一位访问者,确保他们能及时获取最新的站点动态。
随着网络世界的日新月异,与读者保持有效沟通成为提升用户体验的关键环节之一。为了更好地服务于广大读者朋友,我在博客中集成了一套美观且功能齐全的公告通知模块。这套模块不仅具备直观醒目的视觉设计,还能灵活地调整样式、内容和显示时长,以满足各种场景需求。
源码下载
文件下载:https://gorpeln.lanzoul.com/ivzv21wpf0ti
使用方法
放入要显示的页面
.css
<head>
<!--其他引入-->
<link rel="stylesheet" href="{{ "/assets/css/warning.min.css" | prepend: site.baseurl }}" >
<!--其他引入-->
</head>
.js
<!-- 公告 -->
<script src="../assets/js/warning.min.js"> </script>
<script>
iziToast.show({
title: 'Hi',
message: '本站启用新域名 gorpeln.top ',
icon: 'fal fa-exclamation-circle',
color: 'yellow',
time: 90000
});
</script>
效果
{% include reference.html links=page.reference_links %}
标签:links,reference,公告,gorpeln,JS,倒计时,关闭 From: https://www.cnblogs.com/gorpeln/p/18322886