Coder Social home page Coder Social logo

story-for-typecho's Introduction

Story

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

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

最近想开始记录一下自已的所见所得,感觉缺了一个可以让人安心记录的地方。

就这样,Story 诞生了。

Demo: Yumoe.

Forks

以上各版本由不同作者维护,感谢。

预览图

主页

screenshot

主题的一些食用说明

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#search-box ,每个字符格子宽度为 28px ,可自行计算(别忘了算上菜单格,有 4 个)。

背景图

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

导航树

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

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

set-tor

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

文章封面图

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

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

set-cover

友链模板

请参考 PR#30 增加友链模板 设置页面模板。

其他

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

若有什么不清楚可以给我发邮件或是到主题发布页&GitHub询问。

写在最后

感谢

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

许可

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

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

感谢。

story-for-typecho's People

Contributors

edocli avatar shansing avatar twor avatar txperl avatar vndroid avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

story-for-typecho's Issues

底端文字悬浮问题

可能这个请求有点过分。

问题:使用DPlayer后© 2020 Review The World. Using Typecho & Story.这一行字会悬浮在文章正文中,链接

示意图
这个多半是DPlayer引起的,DPlayer在其他主题也会有些奇奇怪怪的问题。。不过还是想问一下这个有没有什么办法解决...

关于添加备案号的字体设置问题

非常喜欢你的主题,由于我的主机位于国内,这意味着我必须在网页底部添加我的备案号,但是我修改footer.php文件并在其中div中添加<p>标签并添加我的备案号,但是这个主题好看的字体却没有应用到<p>标签中的内容,所以我该怎么做才可以使这个博客独特的字体样式应用到我的<p>标签中呢。

再次感谢你所做的工作。

引用块能加入自定义文字吗?

首先感谢大佬做了个如此好看的主题(
有个问题,引用块右下角的"#blockquote"字样能在编辑器中自定义文字吗?
或者有什么办法能在引用块里面添加标题之类的吗?

image
想给这个公式的上方或者下方加个类似“XX公式”这样的东西

建议提高body:before透明度

原先的body:beforeopactive0.05设置的太低了,设置背景后感觉和没设置一样,自行修改至0.2左右效果很不错。

评论框需要优化

7AFBFBC5-A31E-4A28-980D-856B137EC9B0
评论框需要优化,手机端博主登录后依旧和游客一样个人信息占3行,就会有很大的空白区域,体验效果不太好

使用codeblock,第一行对位不整齐

具体见图,强迫症有点难受。。
之前用的模板似乎也会有这个问题,但是在```后面指定编程语言后,就不会第一行多一点,不知道能不能修一下这个问题,thank you~
Snipaste_2019-10-01_00-34-23.png
Snipaste_2019-10-01_00-34-36.png

不显示文章导航树

  1. 即使将 $GLOBALS['isTorTree'] = 'off'; 设置为 $GLOBALS['isTorTree'] = 'on'; 也不能显示导航树;
  2. 是否无法代码高亮?

[bugs] 抓个虫,菜单栏bug,密码保护样式缺失

作者大大,你好!
以下是我在使用过程中发现的一些bug:

1.菜单栏bug

当标题文字不等于 5 个字符时,点击菜单栏的 . 后点击 3 (也就是 menu-3 )后,出现的搜索栏 menu-search 会覆盖原本的 menu-3 (在等于5个字符时无此bug),望作者可以修复。(已解决)

2.文章 密码保护 失效

3.文章发布页 代码高亮 缺失

这个可能是主题特色(?),请问有方法可以引入代码高亮的样式吗?谢谢作者了。

文章目录树

文章只支持h3和h4时显示目录树,如何添加h2也支持

树形结构配置问题

文章中添加<!-- isTorTree:on; -->无效,
functions.php中的if ($isTor[1][0] == 'on')
多了一个=号,改成if ($isTor[1][0] = 'on')
即正常了。

文献引用好像无法显示

用markdown语法写的文献引用

[^1]
[^1]:xxx

这样的格式
但是显示出来是这样的,无法显示文献内容

[^1]
[^1]:[xxx](link)

格式改成这样也不行

image

一些功能建议

作者大大,你好!

这里是我在使用过程中发现的一些建议:

1.夜间模式

本主题是没有夜间模式的(至少在我的环境下是这样的),全靠浏览器的强制反色,希望作者有时间可以完善

2.一言

作者的另一个主题 Moricolor 是有一言的,个人认为这是一个很好的小功能,希望作者可以添加

另外,祝作者 新春快乐 !!!

左上角菜单显示bug

左上角的菜单的#menu-page和.search-box是绝对定位, 如果名字一长就会导致一定的偏移,不太美观,样式图见
深度截图_选择区域_20180820170348.png
深度截图_选择区域_20180820170402.png

引用块的字体是不是有点小?

我博客上是这样的:

那篇日志的 Markdown 文档如下:

---
title: 你的树莓派有足够的电力供应吗?
date: 2018-06-01 20:23:48
tags: [RPi, Raspbian]
---
读到 [Power Requirement of the Pi - Milliways 的回答](https://raspberrypi.stackexchange.com/a/51616)。文末的技术细节提供了这两条指令来检查电源供给情况:

\```      【左侧反斜杠本是没有的,为避免排版混乱加上去的,下一个反斜杠也是】
$ ~ vcgencmd get_throttled	#应该是 throttled=0x0
$ ~ cat /sys/class/leds/led1/brightness	#应该是255
\```

> 好久没有更新博客,回头看看之前写的博文有的也需要删掉或精简。
> 
> > Working on it – Fitz

ios显示时遇到一个问题

抱歉,遇到的问题有点多了
系统:ios
设备:iPhone 6s ipad air3
具体描述:文字上边有部分被空白遮挡了,略微放大后文字遮挡现象消失;笔记本上显示正常
image

请求为RSS设计位置

RSS我觉得蛮重要的,所以希望您能给RSS地址一个位置,RSS地址一般为 /feed/ 如 https://blog.zhangsy.me/feed/

我开启了伪静态,地址可能有变

主题很棒,希望继续做下去,简单耐用是最好的赞美

不能再接着修仙了,脑袋已经很乱了,我先提完这五个issue再说吧

切换主题时发现提示"您选择的风格不存在"

我上传到网站目录theme下,切换主题时发现提示"您选择的风格不存在",系统CentOS 7.9.2009(Py3.7.9),php版本7.4,typecho版本 1.2.0
该提示页面地址后缀index.php/action/themes-edit?change=Story-for-Typecho-1.21&_=0fd3e3c941d5ed29edf709c4c31b9ced

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.