首页 » 建站手册 » Typecho文章页面添加notice提醒,文章修改日期

Typecho文章页面添加notice提醒,文章修改日期

谷歌已收录,更新于2019年04月05日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,讨论各种问题!

说明

好久没认认真真写文章了,今天给大家分享一个本站一直使用的代码。用于提醒用户当前文章更新日期,以及其他信息,比如:加入Q群等。当然,你也可以写文章最后编辑于几天前。你可以在本站任何文章页面,看到这条提示。如下图所示:

Typecho文章页面添加notice提醒,文章修改日期

post.php

首先,打开主题目录下post.php文件,在适当位置添加如下代码,一般添加在post-content后面(表示文章正文开始的地方)

<p class="notice">
最后更新于<?php echo date('Y年m月d日' , $this->modified);?>;
如遇到问题,请留言及时通知站长;
欢迎加入<i class="iconfont icon-qq"></i>&nbsp;<a href="https://jq.qq.com/?_wv=1027&k=5gp5d2X" target="_blank">三生三世</a>,讨论各种问题!
</p>

Typecho文章页面添加notice提醒,文章修改日期

css

这时,你文章里应该以及可以看到这条提示了。但是,不太美观。那么,请在你的主题css文件中,放入如下代码,即可美化,效果与本站一致!

p.notice{position:relative;padding:.5rem;border:1px dashed #b00;background:#eee}
p.notice::before{position:absolute;top:-.5rem;left:.5rem;z-index:1;padding:0 .3rem;content:"Notice";font-size:.8rem;line-height:1}
p.notice::after{position:absolute;top:-1px;left:.5rem;z-index:0;width:50px;height:6.4px;background:#eee;content:""}

后续说明

当然,文章中的提示,用到的QQ图标是阿里云图标库。请自行更换自己主题的图标。当然,这么好看的样式自然不是自己写的,从别人网站扒的。代码扒自:imalan

一个只会魔改主题,而不会制作主题的站长,专业扒各种网站的各种样式。希望每一位来到这里的访客,都能拿到你们需要的资源!

发表评论

已有 15 条评论

  1. 心灵博客 心灵博客说道:

    博主的代码高亮用的是哪个插件?

    1. 枂下 枂下说道:

      没用插件,用的代码。不过,用的prism

  2. ahxx ahxx说道:

    大佬请问下你的看图插件用的是哪一个

  3. ahxx ahxx说道:

    超级好用,非常感谢分享 :mrgreen:

  4. 学习了,谢谢博主分享

  5. APP喵 APP喵说道:

    :!: 学习了

  6. Ratel Ratel说道:

    搬一波

  7. ohmyga ohmyga说道:

    :roll: 学习了

  8. Typecho越来越流行了感觉

  9. FlyingSky FlyingSky说道:

    收了,顺便改成了久远文章提示连同通知系统一起用了,美滋滋

  10. Ghosin Ghosin说道:

    喵喵喵

最近动态查看

    利用短代码实现了文章正文任意位置插入[googleads],前端自动变为谷歌广告。这样,文章过长时,可以随意插入广告了。
返回主页看更多
赏杯咖啡给站长 支付宝 扫一扫