Typecho Wiki
每一个作品都值得被记录

Typecho 简约格子布局主题 Story

Typecho维基君主题列表 • 1385次浏览 • 发布 2023-06-21 • 更新 2023-06-21 • 立即下载
极致加速的V2Ray 助您畅享全球网络 & 搬瓦工VPS最新优惠码
🛜自用大流量超低月租手机卡推荐榜单 #拒绝流量焦虑

主题简介

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.phpclass .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个)。

背景图

若要设置背景图,请修改位于 config.php$GLOBALS['style_BG'] 变量值。改为图片链接即可,留空为关闭。

导航树

若要所有文章默认显示导航树,请修改位于 config.php$GLOBALS['isTorTree'] 变量值。

若要手动控制,请于 文章编辑页面-自定义字段 ,添加 tor 字符,并设置为 on 或者 off 。如下图所示:

Typecho 简约格子布局主题 Story

注意,导航树仅解析 h3, h4 标签,并且当页面宽度小于 1024px ,导航树将不再显示。

文章封面图

可为各文章单独设置封面图(显示在方格中)。

请于 文章编辑页面-自定义字段 ,添加 cover 字符,并设置为相应图片的链接。如下图所示:

Typecho 简约格子布局主题 Story

友链模板

请参考 PR: 增加友链模板 #30

其他

其他没有特别说明的基本不需要修改,当然你也可以按照个人兴趣随意修改。

若有什么不清楚可以到主题发布页&GitHub询问。

写在最后

感谢

  • Art Chen-Artifact.me-Element 主题首页样式参考(获得许可)以及部分代码引用
  • Jimmy Yellow 主题评论框参考以及部分代码引用(获得许可)

下载地址
本站免费下载所以请关闭浏览器广告屏蔽插件支持一下!
注册 登陆
  • 2023年06月21日
  • Typecho 简约格子布局主题 Story
  • 森の色
  • Typecho主题演示站
  • 下载链接需要注册登录或者评论审核后方可阅读!
  • 广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,Typecho.Wiki所有文章均包含本声明。
    本文检索关键词:主题列表
    厂商投放

    【腾讯云】🎉五一云上盛惠!云服务器99元/月续费同价!

    腾讯云五一劳动节海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!

    广告
    添加新评论 »