wiki首页做了改善

最先开始,我的wiki的首页是和内容页一起使用的template,但是随着内容越来越多,一页肯定显示不了,而且各种h1, p标签的元素在一起,至少我的设计元素很差,导致页面看着很乱。

 

 

第一次改善是默认把连接都hidden了,增加了jquery来控制点击就展开

pre_wiki

如上图,点击Linux(一个h1标签),就会展开其下的链接

 

不过这个时候,就不能通过写.wiki文件,然后依靠template来生成首页了,于是首页就来手动维护了,但是这个时候,一大串的<h1>,<p>,<a>,使整个页面维护起来特别麻烦。

 

后来想起来我的tankywoo.com现在用的Pagify, 偶然在github上找到的一个repo,项目是用jquert写的,代码量不多。不过非常实用,他将众多页面相同的内容统一管理起来,主要的内容只需要一些简单的元素,就可以清晰的管理。

 

于是,我把每一个目录(如Linux,Vim,Python etc)都单独建一个页面,里面只需要放<ul> <li>元素等就可以管理

after_wiki

不但使管理起来简单方便,还使整个首页也好看多了。

 

更多可以Star我的wiki@github:https://github.com/tankywoo/wiki

发布者

Tanky Woo

Tanky Woo,[个人主页:https://tankywoo.com] / [新博客:https://blog.tankywoo.com]

《wiki首页做了改善》有1个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注