Typecho Theme Story - 故事

Written by with ♥ on in 代码

Story

每个人都有属于自已的故事，我们编织着、叙述着，只为了那个必定动人的结局。

爱上自已的故事，爱上别人的故事，交织着的，是美好，是快乐，是幸福。

最近想开始记录一下自已的所见所得，感觉缺了一个可以让人安心记录的地方。
就这样，Story 诞生了。

Download: GitHub

Version@Halo：story-halo by ruibaby, thanks.

Version@纸小墨：ink-theme-story by akkuman, thanks.

Version@VeriPress：Story-for-VeriPress.

Story [email protected]

预览图

Home

述说

导航
  • 各种原因
  • 引用的开源项目
  • 感谢及版权声明

个人认为这是一个适合写作与阅读的主题，所以我打算在这篇发布文章中以长段落的形式来写。首先，说说为什么要写 Typecho 版本的吧。具体有三点：一是 Typecho 轻量(相对)；二是习惯写 Typecho 主题了，本地有很多写的练手项目可以参考；三是我本身对博客系统不怎么感冒，用了一个就不怎么想换了。本来打算把 Story 也写得很轻量，但迫于一些原因，就引用了以下项目(感谢): 75CDN, Bootstrap 4, jQuery, zoom_vanilla.js, Prism.js, Twemoji Awesome. 其实 jQuery 就用了它的 FadeIn(), FadeOut() 等函数，本来打算用纯 JavaScript 语法写的，但，emm... Prism 也是见仁见智吧，很多人都不需要的。

很久没有写主题了，主要是没什么灵感。私下里也写了几款，写的时候感觉超棒，但之后就不觉得了...一次偶然，进到了 Art Chen 的 Artifact.me ，哇，这也太美了！特别是首页样式，真的叫人把持不住。然后我尝试写了几个有相似的感觉的首页，但还是感觉不如 Artifact 的。然后我就厚颜无耻的去征求原作者同意，想借鉴一下他的首页样式。征得同意之后，就马上开始后续了。所以你们觉得首页十分相似不要过度介意啊...

Story 首页样式来自 Art Chen 的 Artifact.me 主题 Element，征得允许后开始写本主题，十分感谢。

评论框样式来自 Jimmy.

主题的一些食用说明

导航
  • config.php
  • 菜单
  • 网站标题修改
  • 修改网站标题后菜单定位
  • 背景图设置
  • 默认显示导航树
  • 其他
config.php

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

//on 为开启
//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(54行处) ，用 <span class="b"></span> 及 <span class="w"></span> 把自已的站点标题拼接出来就行了，其他可以不做修改。

修改网站标题后菜单定位

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

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

背景图设置

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

默认显示导航树

若要文章默认直接显示导航树，请在文章任意位置（推荐开头）添加 <!-- isTorTree:on; --> 。值得一提的是，当页面宽度小于 1024px ，导航树将不再显示。

其他

以上的特别说明如果有很多人介意的话，应该还是会写个配置文件然后用 PHP 自动生成修改的...

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

若有什么不清楚可以给我发邮件或是在本页&GitHub询问。

写在最后

版权声明

感谢
许可

本程序源代码可任意修改并任意使用，但禁止商业化用途。一旦使用，任何不可知事件都与原作者无关，原作者不承担任何后果。

如果您喜欢，希望可以在页面某处保留原作者(Trii Hsia)版权信息。

感谢。

以一首歌结束

《旅立ちの日に》。

因为刚刚毕业，所以很有感触。

最后，暑期快乐！

Edit with Markdown

已有 147 条评论

  1. Jimmy

    挺好看的 ❤

    （这个评论框样式有点眼熟啊 _(┐「ε:)_）

    Jimmy July 30th, 2018 at 02:37 am回复
    1. Trii Hsia

      哇是 Jimmy 啊！过奖过奖。
      （#滑稽 是啊，从你的 Yellow 主题那里拿过来的...超喜欢，忘声明版权了...本来打算问一下你的，在 Telegram 上找你，结果显示不允许单向好友发信息...不知道是我设置了隐私限制还是...）

      Trii Hsia July 30th, 2018 at 10:00 pm回复
      1. Jimmy

        Telegram 私信你了

        Jimmy July 31st, 2018 at 03:30 am回复
  2. 木月

    极具特色，点赞

    木月 July 31st, 2018 at 07:30 pm回复
    1. Trii Hsia

      (⊙v⊙)

      Trii Hsia July 31st, 2018 at 08:13 pm回复
  3. 子午

    漂亮

    子午 August 1st, 2018 at 09:41 am回复
    1. Trii Hsia

      (⊙v⊙)

      Trii Hsia August 2nd, 2018 at 10:45 pm回复
  4. 熊猫小A

    天哪噜，超好看！

    熊猫小A August 1st, 2018 at 08:38 pm回复
    1. Trii Hsia

      (⊙v⊙) 哇好久不见

      Trii Hsia August 2nd, 2018 at 10:47 pm回复
      1. 熊猫小A

        哈哈博主多更新我天天来~

        熊猫小A August 3rd, 2018 at 12:01 am回复
        1. Trii Hsia

          hhh 那我尽量哦~

          Trii Hsia August 3rd, 2018 at 10:34 am回复
  5. tethemes

    Hi，Story 主题已收录到 tethemes
    https://tethemes.com/typecho-waterfull-themes/Story/26.html

    保留了作者链接和下载地址
    如果主题有更新，您可以到文章下留言，会尽快跟进

    感谢您的创造和付出~

    tethemes August 1st, 2018 at 09:55 pm回复
    1. Trii Hsia

      感谢收录~

      Trii Hsia August 2nd, 2018 at 10:48 pm回复
  6. ratdis

    棒！已经用上啦
    吧唧

    ratdis August 3rd, 2018 at 11:31 am回复
    1. Trii Hsia

      (⊙v⊙) 使用愉快~

      Trii Hsia August 3rd, 2018 at 12:37 pm回复
  7. 子午

    看到你的更新了，覆盖了一下，发现你的版本号没变啊。。。。

    子午 August 9th, 2018 at 06:29 pm回复
    1. Trii Hsia

      emm...因为还不是正式版所以就没改版本号了...不过之后还是加一个吧。

      Trii Hsia August 9th, 2018 at 06:32 pm回复
      1. 子午

        恩，小数点可以用用，不然都不知道有更新。
        对了，你的邮件通知的模版高度没设定，显示的很窄。

        子午 August 9th, 2018 at 06:37 pm回复
        1. Trii Hsia

          确实，很早就想改了...这套 CSS 好几年前写的。我把宽度高度改了一下，发现 100% 宽度也挺好的...

          Trii Hsia August 9th, 2018 at 06:46 pm回复
          1. 子午

            宽度没问题，高度在foxmail上还是会被裁。虽然不能一目了然，比之前的看不了好多了。

            子午 August 9th, 2018 at 06:56 pm
        2. Trii Hsia

          没在 foxmail 上测试过...高度不好自定义，大了不好看小了看不全...Gmail 上还算正常的。

          Trii Hsia August 9th, 2018 at 06:58 pm回复
          1. 子午

            我用的QQ爹邮件通知，他那个里面自带的模版，我看他的是边宽撑起来的。我杂七杂八的邮箱多，用foxmail收件方便。有邮件就提醒了。

            子午 August 9th, 2018 at 07:10 pm
        3. Trii Hsia

          这样啊

          Trii Hsia August 9th, 2018 at 07:22 pm回复
          1. 子午

            恩，你的显示效果https://i.loli.net/2018/08/09/5b6c24d050263.png
            正常的：https://i.loli.net/2018/08/09/5b6c2537b8e40.png

            子午 August 9th, 2018 at 07:26 pm
        4. Trii Hsia

          好气啊...我等下再改一下。

          Trii Hsia August 9th, 2018 at 07:34 pm回复
  8. indes

    很漂亮的主题啊，但是没有右侧的滚动条有点不方便啊~~

    indes August 16th, 2018 at 03:14 pm回复
    1. Trii Hsia

      有的啊...只不过有点淡，你可以仔细看一下...

      Trii Hsia August 16th, 2018 at 03:36 pm回复
      1. indes

        看到了，真的是很淡了

        indes August 16th, 2018 at 04:53 pm回复
  9. instrye

    标题中过长的英文单词会导致样式异常

    instrye August 16th, 2018 at 03:47 pm回复
    1. instrye

      https://i.loli.net/2018/08/16/5b752c3280e8e.png

      instrye August 16th, 2018 at 03:48 pm回复
    2. Trii Hsia

      确实唉，当初没注意这个...解决方法如下:
      在 css .post-list>li .post-link 中加入 word-break: break-word;overflow: hidden; 即可。
      感谢反馈！之后会更新到 GitHub 上的。

      Trii Hsia August 16th, 2018 at 03:54 pm回复
  10. q

    我在编辑文章时在其中添加一个<br>标签但是页面最后渲染时输出了3个<br>标签导致换行过大，应该在哪里做调整呢

    q August 19th, 2018 at 12:21 am回复
    1. Trii Hsia

      有具体演示吗...？还有，为何要自行添加 br 标签呢？如果只是文章换行，只需回车即可。如果是此类原因，可以先熟悉一下 markdown 使用方法...

      Trii Hsia August 19th, 2018 at 12:25 am回复
      1. q

        因为我想在两个段落之间得到更大的空白间距。


        这是渲染截图

        q August 19th, 2018 at 12:31 am回复
      2. q

        https://img.eivx.top/error1.png
        https://img.eivx.top/error2.png

        q August 19th, 2018 at 12:32 am回复
        1. Trii Hsia

          markdown 解析器问题。1 后面的换行符也解析为一个 <br> ，最后当然就有 3 个。这样写就行了：1<br>1 。并不是主题原因。

          Trii Hsia August 20th, 2018 at 12:13 pm回复
  11. Akkuman

    左上角的菜单的#menu-page和.search-box是绝对定位, 如果名字一长就会导致一定的偏移,不太美观,样式图见

    Akkuman August 20th, 2018 at 05:09 pm回复
  12. Akkuman

    这里上传不了图,我在github提issue了

    Akkuman August 20th, 2018 at 05:16 pm回复
    1. Trii Hsia

      已经回复了。

      Trii Hsia August 20th, 2018 at 07:44 pm回复
  13. Pnnk

    棒棒的主题，谢谢~

    Pnnk August 29th, 2018 at 01:23 pm回复
    1. Trii Hsia

      客气啦~

      Trii Hsia August 29th, 2018 at 01:45 pm回复
  14. W

    好棒的主题，可惜已经不用Typecho了...
    应该早点找到这里:-)

    W August 30th, 2018 at 04:36 pm回复
    1. Trii Hsia

      我觉得 Typecho 还是挺不错的...
      总会遇到更好的，你的博客也好棒！

      Trii Hsia August 30th, 2018 at 11:59 pm回复
  15. Siphils

    样式设计的真的很棒，很简洁。对比一看感觉我引入的 css 和 js 好多啊 ∠( ᐛ 」∠)＿

    Siphils September 13th, 2018 at 06:43 pm回复
    1. Trii Hsia

      谢谢~不过我感觉现在引入的也挺多的...

      Trii Hsia September 13th, 2018 at 09:50 pm回复
      1. Siphils

        相对少很多了（认真脸
        话说em的字体大小Linux Chrome浏览器下看起来是真的很小啊 (ฅ´ω`ฅ)
        话说手机端的评论区区分不出来父评论和子评论...我觉得可以改进下 |´・ω・)ノ

        Siphils September 13th, 2018 at 10:48 pm回复
        1. Trii Hsia

          这样啊，我在 Linux 下没测试过...emm 确实，评论区还有很多细节要改。

          Trii Hsia September 15th, 2018 at 04:57 pm回复
  16. 望川

    不能喜欢更多，期待下一版。

    望川 September 15th, 2018 at 06:34 pm回复
    1. Trii Hsia

      (⊙v⊙) 感谢！不过总会遇到更好的哦。

      Trii Hsia September 15th, 2018 at 06:57 pm回复
  17. 林海草原

    看起来不错啊。很有诗意。支持一下。

    林海草原 September 22nd, 2018 at 05:22 pm回复
    1. Trii Hsia

      (⊙v⊙)

      Trii Hsia September 23rd, 2018 at 12:03 am回复
  18. Lopwon

    这个主题相当不错，设计感满满。

    Lopwon November 4th, 2018 at 09:37 am回复
    1. Trii Hsia

      (⊙v⊙) 很高兴你能喜欢。

      Trii Hsia November 4th, 2018 at 10:46 am回复
  19. oncecho

    这个版本不更新了吗，好想加入侧边栏功能喔

    oncecho January 24th, 2019 at 07:24 pm回复
    1. Trii Hsia

      你具体指的是...按我理解的话，单栏主题不怎么适合侧边栏吧...不过倒是可以放在顶部或底部。

      Trii Hsia January 24th, 2019 at 07:26 pm回复
  20. 英雄大人

    移动端登陆后点击留言会出现大片留白，很喜欢这款主题哟！！

    英雄大人 January 27th, 2019 at 01:16 pm回复
    1. Trii Hsia

      这个啊...什么端都有的，因为还没写样式...

      Trii Hsia January 27th, 2019 at 04:34 pm回复
  21. YAMADIE

    很好看的主题，感谢分享

    YAMADIE January 28th, 2019 at 05:05 pm回复
    1. Trii Hsia

      (⊙v⊙)

      Trii Hsia January 28th, 2019 at 07:21 pm回复
  22. Oct

    大佬，我在你Git上下载最新的主题，发现内页文章全部是图片的时候，下面版权那一行字不能滚动 https://baijie.me/archives/843/ 得刷新一下才可以。。。

    Oct March 17th, 2019 at 09:46 am回复
    1. Trii Hsia

      Emm 你已经换主题了，那我之后自己模拟测试一下吧...

      Trii Hsia March 18th, 2019 at 04:19 pm回复
      1. Oct

        换回来了，大佬去看看O(∩_∩)O~

        Oct March 20th, 2019 at 02:17 pm回复
        1. Trii Hsia

          感谢反馈！应该已经修复了，可以下载新版尝试一下。

          Trii Hsia March 20th, 2019 at 07:06 pm回复
  23. 老猫

    大佬 你这个头像是怎么弄的呀 获取的qq头像吗

    老猫 April 2nd, 2019 at 07:50 pm回复
    1. Trii Hsia

      直接调用 Gravatar 的...

      Trii Hsia April 2nd, 2019 at 09:00 pm回复
  24. 艾町

    主题很喜欢，抱走了，不过想问问您用的markdown编辑器是原生的还是插件呢

    艾町 April 4th, 2019 at 04:00 pm回复
    1. Trii Hsia

      因为之前 typecho 有一个版本的 markdown 解析器不解析 html，所以就把自带的替换成了 HyperDown（https://github.com/SegmentFault/HyperDown）。

      Trii Hsia April 5th, 2019 at 08:54 am回复
  25. Cloud

    请问这个友链怎么添加

    Cloud April 10th, 2019 at 10:27 am回复
    1. Trii Hsia

      emm 看你喜好了，我是放在友链页面里的。

      Trii Hsia April 10th, 2019 at 06:37 pm回复
  26. 遇深

    emmm,大佬邮件通知用的啥呀，弄了几个插件，好像都不怎么好。

    遇深 May 23rd, 2019 at 04:37 pm回复
    1. Trii Hsia

      https://yumoe.com/archives/20171223.html 这里有说。

      Trii Hsia May 23rd, 2019 at 10:04 pm回复
  27. 六记

    导航树这个h3h4的还是没有弄懂也，希望可以出一个教程┭┮﹏┭┮

    六记 June 13th, 2019 at 08:10 pm回复
    1. 六记

      dalao,留言一下我呗，可怜无助的我

      六记 June 14th, 2019 at 06:57 pm回复
  28. 六记

    文章里面怎么使用,求出一个教程┭┮﹏┭┮

    六记 June 14th, 2019 at 06:58 pm回复
    1. Trii Hsia

      只要文章中用到了 h3 h4 标题即可，自动解析的

      Trii Hsia June 14th, 2019 at 07:17 pm回复
      1. 六记

        哦哦哦！谢了dalao
        不过，测试了一下，发现是 我的Typecho博客(17.10.30) 的Markdown不支持html标签的解析,所以我搞了半天没成功
        给后来者一个最简单的解决方法是安装EditorMD插件或者是回退到Typecho 早期版本

        六记 June 14th, 2019 at 07:32 pm回复
        1. Trii Hsia

          这样啊

          Trii Hsia June 14th, 2019 at 10:30 pm回复
        2. 六记

          再后头就发现，可以在html代码前后加三个!，就可以了

          六记 June 15th, 2019 at 05:51 pm回复
  29. 六记

    (｡･∀･)ﾉﾞ嗨！dalao我又来了，我发现了一个bug
    例如：

    emmm

    这种形式貌似导航树识别不了【我不太清楚是不是我修改过主题的原因】

    六记 June 16th, 2019 at 09:31 pm回复
    1. 六记

      <啊h3>
      删除‘啊’
      </啊h3>
      dalao你这个评论显示不了[取消点]，所以我有重新写了一下那个例子

      六记 June 16th, 2019 at 09:33 pm回复
      1. 六记

        评论无法显示h3标签。。。。

        六记 June 16th, 2019 at 09:35 pm回复
    2. Trii Hsia

      我看你博客的导航树很正常啊...

      Trii Hsia June 16th, 2019 at 09:57 pm回复
      1. 六记

        h3标签
        emmm
        h3标签
        这样就无法解析

        六记 June 16th, 2019 at 10:23 pm回复
        1. Trii Hsia

          https://github.com/txperl/Story-for-Typecho/blob/master/functions.php#L58 导航树解析代码在这，自己可以参考一下

          Trii Hsia June 16th, 2019 at 10:53 pm回复
          1. 六记

            ojbk

            六记 June 17th, 2019 at 08:24 am
  30. m0yuqi

    这个主题有一个bug，在归档页面设置class="a_tag"的display:flow-root，在除chrome外的浏览器会显示不正常，我改成dispaly:flex，能够正常显示了

    m0yuqi July 7th, 2019 at 06:33 pm回复
    1. Trii Hsia

      感谢反馈，之后会修复的。

      Trii Hsia July 8th, 2019 at 12:07 pm回复
      1. m0yuqi

        我觉得问题不大，之后其他浏览器应该会支持flow-root这个属性了

        m0yuqi July 8th, 2019 at 12:12 pm回复
  31. m0yuqi

    我又来了，请问如何让评论显示最新的，github上的版本没有这个功能，谢谢

    m0yuqi July 8th, 2019 at 09:39 pm回复
    1. Trii Hsia

      typecho 设置。

      Trii Hsia July 8th, 2019 at 10:42 pm回复
  32. 叶戈

    您好！更换了漂亮的story主题，背景图链接填上了，但是没有显示啊。

    叶戈 August 14th, 2019 at 09:09 pm回复
    1. Trii Hsia

      我这边看你的博客是显示背景图片的...

      Trii Hsia August 14th, 2019 at 09:44 pm回复
  33. 叶戈

    是有背景的吗，挠头)
    我这边刷新了下还没有，是被白色盖住了吗

    叶戈 August 14th, 2019 at 11:00 pm回复
  34. 叶戈

    不是说好了支持Markdown吗，图片上不去评论⊙﹏⊙要不给您图片链接了就。
    https://s2.ax1x.com/2019/08/14/mkx0QU.md.png
    https://s2.ax1x.com/2019/08/14/mkxDL4.md.png)

    叶戈 August 14th, 2019 at 11:02 pm回复
  35. 叶戈

    提个小建议，调用官方gravatar源很慢，建议替换为https://gravatar.cat.net/avatar/

    叶戈 August 17th, 2019 at 02:29 pm回复
    1. Trii Hsia

      确实...下个版本会改进的。感谢。

      Trii Hsia August 18th, 2019 at 11:15 pm回复
  36. Ter

    大佬你好，我想问一下为什么我的博客应用了这个主题一页只显示五篇文章
    谢谢大佬的主题，很喜欢，支持你(๑>◡<๑)

    Ter August 18th, 2019 at 11:02 pm回复
    1. Trii Hsia

      Typecho 后台-设置-阅读-每页文章数目 改一下。

      Trii Hsia August 18th, 2019 at 11:16 pm回复
      1. Ter

        谢谢大佬

        Ter August 18th, 2019 at 11:23 pm回复
  37. kotoka

    抱歉打扰，我想问一下这个主题的背景图片是会自动加上一层白色图层吗……试过设置很多图片都没什么效果

    kotoka December 11th, 2019 at 11:59 am回复
    1. Trii Hsia

      是会降低图片的不透明度，默认设置为 0.05。
      要自定义的话，可以修改 main.css@82行 - body:before - opacity。

      Trii Hsia December 11th, 2019 at 01:16 pm回复
      1. kotoka

        谢谢大佬！也感谢你做的主题，非常好看！

        kotoka December 11th, 2019 at 02:40 pm回复
  38. 墨兰

    博主，你好！请问评论可以设置为默认展开吗？

    墨兰 December 31st, 2019 at 02:07 pm回复
  39. 墨兰

    博主，评论框可以设置默认展开吗？

    墨兰 January 1st, 2020 at 08:48 pm回复
    1. Trii Hsia

      可以的，改一下 JS 就好了。

      Trii Hsia January 18th, 2020 at 02:08 pm回复
  40. Jamie

    有个问题，是不是登录的时候评论评论框上方的高度会很高？

    Jamie February 1st, 2020 at 02:23 am回复
    1. Trii Hsia

      emm 什么意思？

      Trii Hsia February 1st, 2020 at 10:16 am回复
      1. Jamie

        就是登陆评论，显示个人信息框会特别高，很不协调～

        Jamie February 1st, 2020 at 12:32 pm回复
        1. Trii Hsia

          确实，但看多了也习惯了...我觉得不影响普通浏览，之后可能会修复。

          Trii Hsia February 1st, 2020 at 01:19 pm回复
  41. Jamie

    博主，请教下这个代码样式用的插件还是？安装了主题我这边默认没有代码样式？

    Jamie February 1st, 2020 at 02:37 am回复
    1. Trii Hsia

      可以参考一下 https://yumoe.com/archives/moricolor.html#anchor-3 - 代码高亮 部分。

      Trii Hsia February 1st, 2020 at 10:18 am回复
  42. Jamie

    博主，还有一个问题，就是首页文章封面，我按照加了后，直接显示出来了，是因为我用的默认编辑器不解析html标签问题？

    Jamie February 1st, 2020 at 01:40 pm回复
    1. Trii Hsia

      Story 不支持自定义文章封面。

      Trii Hsia February 1st, 2020 at 03:50 pm回复
  43. Heven Kin

    博主的这个主题很不错，抱走了ˋ( ° ▽、° )
    麻烦请问一下，独立页面能不能也有评论功能呢？

    Heven Kin February 19th, 2020 at 01:55 pm回复
    1. Trii Hsia

      可以的，只要修改 page.php 的代码就行了。具体请参考 post.php。

      Trii Hsia February 19th, 2020 at 10:04 pm回复
  44. 凌晨

    怎么添加备案号呢

    凌晨 March 5th, 2020 at 06:28 pm回复
    1. Trii Hsia

      https://github.com/txperl/Story-for-Typecho/issues/24

      Trii Hsia March 14th, 2020 at 04:45 pm回复
  45. bin

    感谢作者的辛苦付出，很喜欢你的主题，一直在找一款极简而优美，并适合手机等移动设备阅读的typecho主题外观，终于找到了，并用于我的个人博客，非常开心，再次感谢作者的付出！
    另：很喜欢的关于中那段优美的英文，我copy过去了，希望不要介意。

    bin April 29th, 2020 at 11:24 pm回复
  46. 571

    作者你好，在只用了你的主题之后，我尝试更换背景图，但是更换完成之后，发现背景图像是被蒙上了一层白色的半透明图片，请问怎么解决呢

    571 April 30th, 2020 at 09:20 pm回复
    1. Trii Hsia

      是会降低图片的不透明度，默认设置为 0.05。
      要自定义的话，可以修改 main.css@111行 - body:before - opacity。
      https://github.com/txperl/Story-for-Typecho/blob/master/assert/css/main.css#L111

      Trii Hsia April 30th, 2020 at 09:23 pm回复
      1. 571

        改为多少才能生效呢，我改了数值但是没变化

        571 April 30th, 2020 at 10:04 pm回复
  47. Bryans

    作者大大，你右边的页内目录树是怎么实现的，通过插件还是改页面代码？我试了很多插件都不行

    Bryans June 20th, 2020 at 03:35 pm回复
    1. Bryans

      啊我看到源码了，config.php里面$GLOBALS['isTorTree'] = 'on'改了，但是文章开头加上不会生成目录树会直接显示出来，怎么办大大

      Bryans June 20th, 2020 at 04:10 pm回复
  48. Bryans

    谢谢博主的主题，但是为什么目录树加上代码会直接显示出来，而不会生成，就像这样https://s1.ax1x.com/2020/06/20/Nlq3WT.png
    config.php里面也已经是on了

    Bryans June 20th, 2020 at 08:45 pm回复
    1. Trii Hsia

      可能是你 Typecho 的 Markdown 解析器不支持 HTML 解析。如果不想更换解析器的话，可以选择默认开启导航树。导航树默认只解析 h3, h4 标签，所以文章中需要出现此类标题才会显示。

      Trii Hsia June 20th, 2020 at 09:01 pm回复
      1. Bryans

        好的谢谢博主，有没有推荐的解析器？比如你的博客用的是啥

        Bryans June 21st, 2020 at 10:30 am回复
        1. Trii Hsia

          我用的是 Typecho 开发版，貌似 Markdown 解析器是 https://github.com/SegmentFault/HyperDown ？我也忘了...

          Trii Hsia June 21st, 2020 at 10:33 am回复
          1. Bryans

            啊好的，万分感谢，很Story这个主题

            Bryans June 21st, 2020 at 10:36 am
    2. Jamie

      有可能是你没有格式化html代码，你试试首尾加!!!

      Jamie September 13th, 2020 at 04:56 am回复
  49. 白劭

    博主您好，很喜欢story这个主题，但是文章多了后空白封面会有些单调，请问有计划加上“自定义首页文章封面”的功能吗？

    白劭 July 27th, 2020 at 10:37 am回复
  50. 遇深

    gravatar被墙了。。我在comments改了地址之后也还是不行。

    遇深 March 25th, 2021 at 03:36 pm回复
    1. Trii Hsia

      可以尝试第三方搭的 Gravatar 反代服务。

      Trii Hsia April 30th, 2021 at 07:39 pm回复
  51. voyage

    测试aru_4aru_4

    voyage April 29th, 2021 at 09:13 pm回复
  52. voyage

    你好作者，我在后续对您的网站源码二次开发的过程中，发现评论提交后，例如：aru_4aru_4部分[ ]丢失，希望您能及时修复

    voyage April 29th, 2021 at 09:15 pm回复
    1. Trii Hsia

      丢失多半不是因为主题（前端样式）问题，可能是后台打开了评论 Markdown 支持？

      Trii Hsia April 30th, 2021 at 07:40 pm回复
  53. medman

    安装模板，后天提示风格不存在

    medman November 13th, 2021 at 08:44 pm回复
    1. Trii Hsia

      Typecho 主题目录（themes）下的 Story 主题文件夹名不能包含特殊符号，改为全英文比较好。

      Trii Hsia February 16th, 2022 at 07:00 pm回复
  54. weaicenter

    你好，我上传到网站目录theme下，切换主题时发现提示"您选择的风格不存在",系统CentOS 7.9.2009(Py3.7.9)，php版本7.4，typecho版本 1.2.0

    weaicenter January 17th, 2022 at 05:13 pm回复
    1. Trii Hsia

      Typecho 主题目录（themes）下的 Story 主题文件夹名不能包含特殊符号，改为全英文比较好。

      Trii Hsia February 16th, 2022 at 07:00 pm回复
  55. Kevin

    你好，请问点击网站标题时的指向地址应该怎么更改？

    Kevin April 16th, 2022 at 08:19 pm回复
    1. Trii Hsia

      可以在 header.php 文件中更改。

      Trii Hsia May 19th, 2022 at 12:17 pm回复
  56. Neo

    你好，想问一下你博客中的音频播放器是怎么实现的，纯小白，不知道怎么嵌入，大佬教教我

    Neo May 30th, 2022 at 11:12 pm回复
    1. Trii Hsia

      网易云是有外嵌播放器代码使用的。有些平台不支持外嵌，那就把音频文件上传到服务器，然后使用 <audio> 标签播放，可以参考 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio。

      Trii Hsia June 1st, 2022 at 07:09 pm回复
  57. LoFi.icu

    作者大佬您好，真的太喜欢您设计制作的这款主题了，给您的无私分享点赞！
    我是电脑小白，断断续续用了近一年半时间，用您这款主题做了一个听歌小站。
    现在遇上了一个问题，百度查了好久尝试都不行，不知道能不能请求您帮忙看看。

    LoFi.icu October 2nd, 2022 at 04:34 pm回复
    1. Trii Hsia

      可以的，请问是什么问题呢？其实可以给我发邮件，这样会更加快一些。

      Trii Hsia October 16th, 2022 at 11:14 pm回复
  58. nomeet

    作者您好,很喜欢您设计制作的这款主题，我想请问：博客的背景图和文章的封面可以自定义，但是背景图和文章封面都像蒙了一层白色幕布一样，这个在文章封面还不明显，但是背景图就完全看不出来背景图了，怎么修改背景和文章封面的透明度

    nomeet November 14th, 2023 at 05:25 pm回复
    1. Trii Hsia

      这层“白色幕布”是有意添加的。你可以到 ./assert/css/main.css 这个文件里，搜索一下 filter 属性。如果不需要的话，直接去掉就好了，或者你也可以试着调一下它的百分比。

      Trii Hsia November 16th, 2023 at 10:00 pm回复