音符 | 代码 | 脑洞

音符 | 代码 | 脑洞

不想当程序员的歌手不是好指挥。

@热的冰块

LiCasey

casey_li_7@hotmail.com


目录

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


#建站计划 #Ghost #开发 #博客主题