这是一个基于Typecho默认主题的微调版,即保留了Typecho原汁原味的设计,同时又满足了当前大屏当道的现状。
使用方法
新手小白可以严格遵守以下步骤使用本主题:
- 下载本仓库主分支代码压缩文件
- 将压缩文件上传至Typecho系统
/usr/themes/
目录下 - 解压代码文件,并将文件目录命名为
memoo
(注意,重命名文件夹很重要,否则可能会出错) - 登录Typecho后台,启用
memoo
主题
主要改动
布局改动
Typecho默认的主题,在屏幕的两侧有大量的空白,现在计算机屏幕分辨率都非常高,默认的外观对高分辨率不友好。
当前主题采取尽量占据整个屏幕的设计理念,尽可能的占满整个屏幕。
页面使用双栏布局,内容和侧栏比例为8:4。
位置改动
“上一篇”和“下一篇”的位置,由页面底部调整到了紧挨着文章内容的下方,同时将上下布局修改为了左右布局,更符合使用习惯。
评论表单由原来的页面底部提升到了文章内容下面,在评论列表的上方,阅读完文章内容之后,就可以立即评价。
将评论列表放置在了页面的最下方。
样式改动
为了更符合中文阅读习惯,本主题将字间距调大了(1.5px
),要不然中文过于紧凑会提高阅读难度。
同时,将行间距由原来的1.5调整为现在的1.8,进一步提升文字之间的间隔,提高可读性。
最后,将搜索框的长度由原来的内容的四分之一,调整为当前的三分之一,更加修长。
引用文件
默认主题使用了来源于github的一个开源页面栅格系统(grid.css
),经过作者观察,该系统过于老旧,仅支持最高1200宽度的屏幕,在1200以上的屏幕都会有两侧的大量空白。
为了提高工作效率,本主题以CDN的形式引入了Bootstrap的网格系统文件(bootstrap-grid.css
,注意这里没有引用整个Bootstrap包)。
我相信使用Typecho系统的大部分同志都是非常在意网页加载速度的,因此,使用本主题不用有资源过大,降低页面加载速度的疑虑。
结语
最后,如果有使用上的问题,可以评论留言。
2025-05-30 更新的源又属于被 Origin 屏蔽的源,不过常规浏览器应该不会有屏蔽。
主页布局可以考虑增加一个标签云,适合 Memoo 的简约风格
我再换个
你好,注意到贵站友链已移除本站,本站也将相应移除贵站友链。
如果仍需与本站互链,请于6.7前添加本站友链或与本站联系,谢谢!
已添加