Gootstrap——基于Bootstrap的极简Ghost博客主题设计
发表于2021-7-4 23:10 点击数:
自从搭建Blog以来,我就一直想对博客的排版和显示进行优化。默认的Casper主题,首页的三栏分布实在不适合我,其他官网上的免费主题都是国外开发者开发的,放在中文的博客中,通常都会出现字体太大,显示奇怪的问题。开发一套自己的主题这个想法在我心中盘旋已久了。于是,经过了一周与css和handlebar的混战,这套毫无设计,只能勉强说不难看的主题诞生了。
基于Bootstrap
用了Bootstrap,我就可以不考虑移动设备适配的问题了,真是太好了。同时,Bootstrap自带的各种组件,也让我省去了设计的过程。也不需要jquery等等繁琐的东西。
极简的设计思路
极简的含义:我并不是搞设计的,所以这套Blog毫无设计,并且所有功能都采用了最简单的实现方案,怎么省事怎么来。
可以说,这个主题里除了用到Bootstrap默认的组件和样式之外,几乎没有自定义的样式,除了调整了一些padding,margin之类的。
支持的功能
- 基于 Highlight.js 的代码块语法高亮
- 基于 Valine.js 的评论系统
- 基于 Tocbot.js 的文章结构树自动生成
- 简易的文章归档
计划但未实现的功能
- 搜索功能
最后更新于2021-7-14 12:39