wiki网站模板

发布日期： 2025-11-05 阅读量： 作者： admin

今天想折腾个wiki网站，翻了好多教程发现都太复杂。决定自己从头搞个简单的模板，反正就是记录点日常笔记用。

为啥想搞这个

最早用过现成的笔记软件，但总感觉被框住了。想着自己能随便改排版、加些奇怪的小功能应该挺有意思。正好最近在学前端三件套，就拿wiki练练手。

我先在纸上画了个草图，大概想要左边目录树右边内容区。打开电脑先建了个文件夹，里面扔了三个文件：网页文件、样式表和空白的脚本文件。顺手泡了杯浓茶，省得后面犯困。

先用div把页面切成两栏，左边固定宽度右边自适应。结果第一版丑得没法看，左边栏挤得文字都叠在一起了。折腾半天加了滚动条和边距，总算能看清字了。

最头疼的是内容切换时排版会乱跳，查了半天发现是图片加载问题。后来给所有图片预设了高度占位，虽然有点笨但总算不跳了。还有次手滑把脚本里的花括号删错了，整个页面直接白屏，对着屏幕发呆十分钟才找到问题。

基础功能跑通后开始加小花样：

期间茶凉了又热了三回，邻居装修的电钻声差点把我送走。

最终成品虽然比不上专业wiki，但自己用着挺顺手。左边目录树能折叠展开，右边内容支持简单的粗体斜体标记。最满意的是加载速度，毕竟所有数据都写死在本地文件里。

下次打算研究下怎么加搜索功能，现在条目超过二十个就得手动翻找。不过今天先到此为止，保存代码关电脑，该去接孩子放学了。