{"id":15586733,"url":"https://github.com/innei/material-design-story","last_synced_at":"2026-01-17T22:52:27.682Z","repository":{"id":103747065,"uuid":"177362763","full_name":"Innei/Material-Design-Story","owner":"Innei","description":"Material Card Design for Typecho. Based on Story for typecho theme.","archived":false,"fork":false,"pushed_at":"2024-06-02T18:00:19.000Z","size":2404,"stargazers_count":2,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-07T09:31:49.267Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://shizuri.net","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Innei.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-03-24T02:39:12.000Z","updated_at":"2024-08-03T12:30:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"40129e1e-9338-4e36-994b-29915d87841f","html_url":"https://github.com/Innei/Material-Design-Story","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Innei%2FMaterial-Design-Story","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Innei%2FMaterial-Design-Story/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Innei%2FMaterial-Design-Story/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Innei%2FMaterial-Design-Story/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Innei","download_url":"https://codeload.github.com/Innei/Material-Design-Story/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246933355,"owners_count":20857052,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-02T21:41:13.563Z","updated_at":"2026-01-17T22:52:27.655Z","avatar_url":"https://github.com/Innei.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Material Card Design\n\n原主题[Story](https://github.com/txperl/Story-for-Typecho)是一个轻量的主题，~~因此他会缺少很多功能（对我而言），我从hexo的next转移过来，是一个重度（不必要的功能）依赖者（划掉）。所以有了这个Story+~~\n\n现在开辟新的二次开发主题 **Material Card Design**\n\n他是一个在原主题基础上进行的修改的主题，并且增加了很多功能和快捷设置。(我是前端萌新, 正在学习和尝试...)\n\n他是一款以卡片式设计为前提的主题。\n\n版本：已跟进至原主题#20190301\n\n\n添加内容:\n\n- 文章版权信息\n- 网站运行时间\n- 主题设置界面\n- 一言已增加\n- 运行时间\n- 增加主题设置页面，可根据自我需要开启和关闭功能。\n- 可选评论数开关\n- 长期未修改通知\n- 底部网站信息\n- 返回页首\n- 增加解析二级标题\n- pjax重载(配合页面加载进度条插件使用更佳)\n\n...\n\n修改内容\n\n- 修改了原主题的背景图透明度\n- 修改了原主题的引用字体大小，一级二级标题大小\n- 删除了config.php\n\n修复\n\n- 标题无法正常显示中文字符\n\n![](https://ws4.sinaimg.cn/large/006tKfTcly1g1l1z6fez1j31uf0u0npe.jpg)\n\nDemo：[静かな森](https://shizuri.net/)\n\n随便提一波，我最新移植的主题 [**Magic**](https://https://github.com/SorashitaInnei/Magic-for-typecho)，欢迎围观。\n\n### 原作者的话\n\n-----------\n\n每个人都有属于自已的故事，我们编织着、叙述着，只为了那个必定动人的结局。\n\n爱上自已的故事，爱上别人的故事，交织着的，是美好，是快乐，是幸福。\n\n\u003e 最近想开始记录一下自已的所见所得，感觉缺了一个可以让人安心记录的地方。\n\u003e 就这样，Story 诞生了。\n\nDemo: [Yumoe](https://yumoe.com/).\n\nVersion@[Halo](https://github.com/ruibaby/halo)：[story-halo](https://github.com/ruibaby/story-halo) by [ruibaby](https://github.com/ruibaby), thanks.\n\nVersion@[纸小墨](https://www.chole.io/)：[ink-theme-story](https://github.com/akkuman/ink-theme-story) by [akkuman](https://github.com/akkuman), thanks.\n\nVersion@[VeriPress](https://github.com/veripress/veripress)：[Story-for-VeriPress](https://github.com/txperl/Story-for-VeriPress).\n\n### Story v1@.0\n#### 预览图\n[主页](https://i.loli.net/2018/10/09/5bbcbea01d230.png)\n\n#### 述说\n\n个人认为这是一个适合写作与阅读的主题，所以我打算在这篇发布文章中以长段落的形式来写。首先，说说为什么要写 Typecho 版本的吧。具体有三点：一是 Typecho 轻量(相对)；二是习惯写 Typecho 主题了，本地有很多写的练手项目可以参考；三是我本身对博客系统不怎么感冒，用了一个就不怎么想换了。本来打算把 Story 也写得很轻量，但迫于一些原因，就引用了以下项目(感谢): [75CDN](https://cdn.baomitu.com/), [Bootstrap 4](https://getbootstrap.com/), [jQuery](https://jquery.com/), [zoom_vanilla.js](https://github.com/spinningarrow/zoom-vanilla.js), [Prism.js](https://prismjs.com/), [Twemoji Awesome](https://github.com/ellekasai/twemoji-awesome). 其实 jQuery 就用了它的 `FadeIn()`, `FadeOut()` 函数，本来打算用纯 JavaScript 语法写的，但，emm...Prism 也是见仁见智吧，很多人都不需要的。\n\n#### 主题的一些食用说明\n##### config.php\nStory 包含一个全局配置文件。\n\n```\n//on 为开启\n//off\u0026其他 为关闭\n$GLOBALS['isAutoNav'] = 'off'; //自动设置导航栏中 margin 及 width 值（推荐开启）\n$GLOBALS['isIconNav'] = 'off'; //将导航栏中的 1,2,3 替换成 Emoji 图标\n$GLOBALS['isRSS'] = 'off'; //在菜单栏中加入 RSS 按钮\n\n$GLOBALS['style_BG'] = ''; //背景图设置。填入图片 URL 地址，留空为关闭\n```\n\n##### 菜单\n\n标题旁边有一个 · 字符，点击后便可显示菜单。**1**,**2**,**3** 分别代表 **独立页面菜单**、**导航树**(仅在文章界面有用，仅解析 h3,h4 标签)以及**搜索框**。\n\n若您觉得 1,2,3 太抽象，可以将 `config.php` 中 `$GLOBALS['isIconNav']` 设置为 `on` 即可替换成相应 Emoji 图标。\n\n##### 网站标题修改\n\n本主题要修改标题必须自行修改代码...位于 `header.php` 的 `class .header-logo(54行处)` ，用 `\u003cspan class=\"b\"\u003e\u003c/span\u003e` 及 `\u003cspan class=\"w\"\u003e\u003c/span\u003e` 把自已的站点标题拼接出来就行了，其他可以不做修改。\n\n##### 修改网站标题后菜单定位\n您可以将 `config.php` 中 `$GLOBALS['isAutoNav']` 设置为 `on` 即可自动调整，无需进行以下操作。\n\n若您网站标题字数与原来(5个英文字母)不同，那要自行修改菜单的 `margin` 值。位于 `assert/css/main.css` 的 `#menu-page(598行处)` 及 `#search-box(618行处)` ，每个字符格子宽度为 28px ，可自行计算（别忘了算上菜单格，有4个）。\n\n##### 背景图设置\n若要设置背景图，请修改位于 `config.php` 的 `$GLOBALS['style_BG']` 变量值。改为图片链接即可，留空即为关闭。\n\n##### 其他\n\n以上的特别说明如果有很多人介意的话，应该还是会写个配置文件然后用 PHP 自动生成修改的...\n\n其他没有特别说明的基本不需要修改，当然你也可以按照个人兴趣随意修改。\n\n若有什么不清楚可以给我发邮件或是到[主题发布页](https://yumoe.com/archives/story.html)\u0026GitHub询问。\n\n### 写在最后\n\n#### 版权声明\n\n##### 感谢\n\n- (在 述说 中提到的)\n- [Art Chen](https://about.me/hermitage)-[Artifact.me](https://artifact.me/)-[Element](https://github.com/artchen/hexo-theme-element) 主题首页样式参考（获得许可）\n- [Jimmy](https://jimmycai.com/) Yellow 主题评论框参考（告知）\n\n##### 许可\n\n本程序源代码可任意修改并任意使用，但禁止商业化用途。一旦使用，任何不可知事件都与原作者无关，原作者不承担任何后果。\n\n如果您喜欢，希望可以在页面某处保留原作者(Trii Hsia)版权信息。\n\n感谢。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnei%2Fmaterial-design-story","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finnei%2Fmaterial-design-story","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finnei%2Fmaterial-design-story/lists"}