跳至主要內容

安知鱼主题添加待办清单

AI悦创原创2024年8月26日大约 7 分钟...约 2220 字

你好,我是悦创。

耽误太多时间,事情可就做不完了。一份清单页有助于检视自己的目标,本文提供为hexo博客新建一个清单页的教程。
大部分原代码来自轻笑,本文仅做微调及适配主题。

1. 效果预览

2. 开始配置

1. 修改文件
  • \themes\anzhiyu\layout\page.pug 中新增以下内容
      when 'music'
        include includes/page/music.pug
+     when 'todolist'
+       include includes/page/todolist.pug
      default
        include includes/page/default-page.pug

3. 大功告成

可以执行 hexo 三连查看效果啦!

4. 题内话

起初在新建清单页时是想充分使用 memos 来渲染这个页面,其他博主也有提供相关教程,动态化的待办清单或许更加方便,但最终我还是选用了静态的方案。可能是自己没有太多的待办事项可以往上写吧。总之,看看我能多久更新它一次。

5. 样式优化

V0.1-显示圆心和对勾

6. 最新版本

  1. 实现任务创建日期:https://github.com/AndersonHJB/AndersonHJB.github.io/commit/193ae10230046748f6e1f3efe66d2668e31a8c6a
  2. 实现添加任务距离日期:https://github.com/AndersonHJB/AndersonHJB.github.io/commit/dda8d0b6f14332ff0f60f95f8f746b23cb193d8a

7. 计划

文档式折叠框,其设计类似常见的文档目录折叠效果。折叠框具有以下特点:

  1. 标题行带有箭头图标:箭头默认指向右侧,表示内容被折叠。当用户点击标题行时,箭头旋转90度,指向下方,同时展开内容。
  2. 响应用户交互:箭头的方向会随着折叠状态的变化而旋转,提示用户当前内容是展开还是折叠。

8. 发布版本

个人维护链接:

欢迎关注我公众号:AI悦创,有更多更好玩的等你发现!

公众号:AI悦创【二维码】

AI悦创·编程一对一

AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh

C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh

方法一:QQ

方法二:微信:Jiabcdefh

详情
你认为这篇文章怎么样?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
评论
  • 按正序
  • 按倒序
  • 按热度
通知
关于编程私教&加密文章

Your primary language is en-US, do you want to switch to it?

您的首选语言是 en-US,是否切换到该语言?