终于把博客页面写的差不多了，只剩下一些琐碎的东西要写了，下面就简单的总结一下这次折腾吧

下面是博客主题大概的样子。

这个主题是用ejs模板语言和css写的，ejs是新学的，感觉很方便，重复的内容不需要每个网页都复制粘贴了，css是懒得学其他渲染工具了，一般使用styl做的，其他还有sass，这些都是前端的东西，我以后应该不会走前端就不去掌握了，事实证明css只是稍微麻烦了一点而已

为什么不直接用现有的主题呢，其实别人做的主题很完美，动画什么的都有，只是因为接触hexo之前自己只用三件套写过一个博客，想把那个页面继续用下去就干脆直接新写一个主题了

上面的菜单栏其实之前写那个博客时候在suckless直接copy过去的，这个网站有很多极简风格的软件，manjaro上用的就是dwm窗口管理器，

simple is best

开发者工具真的很方便调试css，很多地方都是用f12改到满意然后修改css文件，也能看到别人是怎么实现那种效果的

下面我来介绍一下这个主题吧！

标题

点这个p就会回到主页上，点github图标就会前往我的git页面

菜单栏

• Home是主页，暂时没想好放什么东西
• Blogs，不用解释，博客
• Archives，归档，刚刚开始是不想写这个页面的，后来发现如果博客一多这个功能还是挺重要的
• who@mi，自我介绍吧，还没写，真难想啊
• Links，链接，放些其他平台的账户和友链什么的，友链只有acm队友的页面

外链

• pico-8，喜欢的游戏引擎官网，128x128的屏幕上运行复古的游戏，感觉唯一的缺点是不支持vim键位，typora也是，如果支持vim键位，那将是绝杀~

• suckless，毕竟菜单栏都是借鉴来的，就放在外链上吧，他们的风格我真的很喜欢，software that sucks less

按钮

点一下就会出现更多奇怪的按钮

• 红O，更换背景，

• _，返璞归真，获得一个很素的背景，也就是前一个博客的页面

• music，MUSIC！

  这东西就是网易云歌单的外链播放器，本来这个小窗口是放不下它的，然后我用clip-path改小的，研究clip-path是真的折磨

博客

放的是所有博客，按发布时间排序，每页7篇，preview造型灵感来源于那种圆孔笔记本的纸张,还有下面那块板,灵感来源于板

• 下一页

• 上一页

• 详细页面

• 标签

• 展开索引书签

​

吐槽

这个博客放图片我真的要吐了，因为我这个图片放在很多父类里，然后让居中成为了一件很麻烦的试去，为了居中所以我把所有图片的宽度都固定了，然后调节位置让他居中，这就导致那些很小的照片被拉的很长，就像上面那些，感觉以后少放些小图片

last

大概就这样了，这次开发下来收货不少，学了个pjax的局部刷新，大受震撼，还有些细枝末节的东西，搞这东西花了我不少时间，让我对前端有了更大的认识

还剩个动画懒得研究了，这学期时间可能有点紧，一边是ACM训练，另一边是后端项目还要学习

想早点买到vaio pro13啊…