Typecho 简约格子布局主题 Story

Typecho维基君 • 主题列表 • 1515次浏览 • 发布 2023-06-21 • 更新 2023-06-21

主题简介

Story是一款简约的格子布局主题，如同书籍封面一样，具体可以参考演示站。

每个人都有属于自已的故事，我们编织着、叙述着，只为了那个必定动人的结局。
爱上自已的故事，爱上别人的故事，交织着的，是美好，是快乐，是幸福。
最近想开始记录一下自已的所见所得，感觉缺了一个可以让人安心记录的地方。
就这样，Story 诞生了。

主题使用

config.php

Story 包含一个全局配置文件。

// on 为开启
// off&其他 为关闭

// 导航树
$GLOBALS['isTorTree'] = 'off'; // 默认显示文章导航树

// 样式
$GLOBALS['isAutoNav'] = 'off'; // 自动设置导航栏中 margin 及 width 值（推荐开启）
$GLOBALS['isIconNav'] = 'off'; // 将导航栏中的 1,2,3 替换成 Emoji 图标
$GLOBALS['isRSS'] = 'off'; // 在菜单栏中加入 RSS 按钮

$GLOBALS['style_BG'] = ''; // 背景图设置。填入图片 URL 地址，留空为关闭

菜单设置

标题旁边有一个 · 字符，点击后便可显示菜单。1, 2, 3 分别代表 独立页面菜单、导航树(仅在文章界面有用，仅解析 h3, h4 标签)以及搜索框。

若您觉得 1, 2, 3 太抽象，可以将 config.php 中 $GLOBALS['isIconNav'] 设置为 on 即可替换成相应 Emoji 图标。

网站标题修改

本主题要修改标题必须自行修改代码... 位于 header.php 的 class .header-logo(56行处) ，用 <span class="b"></span> 及 <span class="w"></span> 把自已的站点标题拼接出来就行了，其他可以不做修改。

修改网站标题后菜单定位

您可以将 config.php 中 $GLOBALS['isAutoNav'] 设置为 on 即可自动调整，无需进行以下操作。

若您网站标题字数与原来(5个英文字母)不同，那要自行修改菜单的 margin 值。位于 assert/css/main.css 的 #menu-page(777行处) 及 #search-box(799行处) ，每个字符格子宽度为 28px ，可自行计算（别忘了算上菜单格，有4个）。