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

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

image-20221006224943370

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

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

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

image-20221006231013268

simple is best

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

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

标题

image-20221006231824935

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

菜单栏

image-20221006231917615

外链

image-20221006232320439

按钮

image-20221006232722840

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

image-20221006232926912

image-20221006233115482

博客

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

吐槽

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

last

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

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

想早点买到vaio pro13啊...