Giter VIP home page Giter VIP logo

g's Introduction

G

一款还不错的typecho主题


临近高三时一时兴起开发的主题,磕磕绊绊维护了3年,以后应该也会一直修修补补维护下去。

主题截图:

首页 首页(夜间模式)
独立页面 归档页面
文章页面(头图) 文章页面(无头图)
评论框 可爱的表情组件 歌词页面

其他特色:

  • 自适应
  • pjax支持
  • lazyload懒加载
  • 编辑器拓展
  • 短代码
  • 文档支持
  • 各种小动画
  • 长期维护

总之,欢迎下载体验~

主题文档 主题QQ群 反馈邮箱
https://g.imouto.tech 674232327 [email protected]

License 许可证

Open sourced under GPL-3.0 License.

g's People

Contributors

ah-dark avatar badfishy avatar hshx123 avatar if1y avatar licaoz avatar liumingye avatar poormonitor avatar youranreus 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

g's Issues

[BUG] 评论表情有点问题

我又来了hhhh

主要是两个问题:

  1. image 第二行中间这个手势的表情应该弄错了吧?点击之后的命名是image,感觉应该是这个 image

  2. 部分表情命名错误,比如 image 应该是chaiquan_love 而非 chaoquan_love

然后顺便问一下表情命名除了改动OwO.php 中的引用名称,还有哪里需要同步调整的么,我想整一下改成中文的,这样便于理解(主要体现在邮件提醒、插入后的文本框这几种无法解析出图片的地方),我改好之后可以发个pr,或者大佬直接改了也是可以的

请问如何关闭鼠标悬停特效?

鼠标悬停标题会有微放大的特效,这样导致滑动时会有掉帧卡顿感。也可能是我的电脑配置太低,请问如何关闭这个特效呢

在部分浏览器中文章标题显示错位

我在Chrome 83.0.4103.106版本中会出现以下问题,最新版的正常显示。

当文章添加文章头图时,标题会如图错位显示。如果不设置则会正常显示。
IMG_20220201_033949

并且右下角的三个按钮似乎在手机端就没有用。并且侧边栏在一些内核比较落后的浏览器中无法显示。而这些落后的浏览器反而会经常使用到。

[BUG] 关于换页过渡动画

在某些情况下(貌似是网络状况不太好的时候),从当前页点击目标页面切过去的时候,过渡动画播放完成会闪会当前页,过一会再展示目标页。不知道大佬是否注意到了这个问题?
目前暂时的解决办法似乎是把过渡动画的时长调大一点,不过数值太大了也会影响体验,并且有时候调大了还是会这样。

优先加载主题JS文件

console 看看有没有报错

and 你这个字体硬生生把页面加载时间拖到了极其恐怖的三分多钟,G 主题由于一些特性使得 js 在页面完全加载后生效,所以在你字体加载完之前按钮是不会生效的XD
image
建议停止使用过时 chromium内核 浏览器解千愁

Originally posted by @LiCaoZ in #52 (comment)

<details></details>标签之折叠图片加载bug

个人感觉这个可能不是G主题的bug,但是希望作者大大能看一眼

我尝试使用<details>标签尝试把图片折叠(这么做纯粹是想加一个文章头图,但是同时希望如果有人想点开图片看看也能正常看),参考代码如下

<details>
<summary>img</summary>
![一张无意义文章头图](https://blog.weimo.info/usr/uploads/2021/09/1995710565.png)
</details>

然后一开始会自动加载转圈图标

https://cdn.jsdelivr.net/gh/youranreus/[email protected]/G/IMG/loading2.gif

不过这个时候如果鼠标不移动,那么实际上不会加载(显示)图片(实际上已经请求过服务器了)

只有滚动鼠标才会加载图片,问题之一

另外可以注意到图片再次被加载了两次,问题之二

oCam_2021_09_11_12_32_21_306

查看网络请求可以看到图片已经请求了两次,一次是正文部分的一次是标题背景

最理想的情况应该是只加载一次并且展开折叠标签的时候直接显示,而不是再次加载

或者能展开时直接显示也足够了,不过流量不值钱再次请求两次也可以接受

但是点开后就主动请求/加载/显示希望能修复,不然总感觉网络坏了

强迫症的问题

搜索放在头部后效果不统一
模板的搜索默认是在下方的,但在页面较长的时候,比如文章界面,如果想搜索的话就不太方便,于是我想把它放在顶部,也就是和“首页 文章 友人帐 关于”并列,于是我在header.php这部分代码紧接着粘贴了底部“搜索”部分的代码,即

<?php if (isset($this->options->plugins['activated']['ExSearch'])) : ?>
<a class="search-form-input">搜索</a>
<?php endif ?>

不过修改后,当鼠标放在顶部的搜索处时,它和鼠标放在“首页 文章 友人帐 关于”的样子不一样,前者是一个“I”,后者是一个手,见下图:
不统一.png
统一.png
于是强迫症病发,后来有个大佬这么回复我:a没有href属性被回落了,加个空js或者#上去就行,或者就是丢失css属性了。
于是给它添加了一个href属性,然后就达到统一的效果了,代码如下:

<?php if (isset($this->options->plugins['activated']['ExSearch'])) : ?>
<a href="#" class="search-form-input">搜索</a>
<?php endif ?>

强迫症需要的结果.png
返回顶部按钮无效
在PC和安卓的Chrome均没有反应。
代码高亮
在网络不好的时候,代码一行过长的话,如果恰好js没有加载完,那么较长的代码就会溢出页面,这个可能属于高亮插件的问题?
网络慢引出的其他问题
网络特别差,比如主机在国外同时又在网络高峰期时,页面大致加载出来了,但有些js一直加载不出来,这个时候在安卓Chrome或者其他移动端浏览器表现出页面无法滑动的现象,非常影响浏览体验,不知道这个情况除了将一些js改成第三方的地址加以改善外,有没有其他手段可以优化一下?
虽然是些无伤大雅的小问题,不过可以的话还请看看,谢谢!

X.js中百度统计的代码没删干净

X.js第45行
_hmt.push(['_trackPageview', location.pathname + location.search]);
console报错:_hmt 未定义
看了下X.js最近的修改记录,应该是作者删除百度统计代码时没有删干净
建议作者将这行去掉,谢谢ovo

建议把原来的友链界面改回来

其实我感觉悠然把友链改成这样子是个错误的选择,只单纯显示一个头像,博主的个人简介就没了意义,而且只有把鼠标放在头像上面才会显示博客名称,对手机用户极其不友好,希望悠然能在下个release改回去(第一次提pr

[BUG] 短代码[art][/art]相关问题

当加入 [art][/art] 短代码时,会出现2处问题。

测试文本如下:

问题如下:

  1. 短代码后不空行,紧跟一段文本,则该文本会在夜间模式下不变色。一旦有一处空行,则后续段落恢复正常

  2. 在带有标题符 # 的内容后使用短代码,会使短代码所指文章的标题被纳入右上角的索引目录中(应该不是feature吧,怪异的很……)

其它问题暂未发现。

[BUG] 文章时间【XX天前】【XX个月前】计算有误

这个时间是指 展示在博客首页的文章卡片左上角那个


  1. 一篇3月15号、一篇3月30号的文章,均被判断成【5个月前】,前者应该是6个月

  2. 有连续文章出现【53天前】【56天前】【1个月前】,看起来这里的一个月时间已经超过56天了?计算有点不太对(另外个人觉得满30天就可以转换成一个月来显示了,不必到50多天)

Pjax导致的“炫彩鼠标”插件的部分功能失效

因为启用了pjax,插件“炫彩鼠标”。在点击网站内的a标签元素后,在新的界面中a标签的鼠标显示变成了默认,可能是因为在pjax容器内无感刷新后,导致的炫彩鼠标的js文件不执行!(只是可能情况),在最新版本中,这个问题仍然存在!希望解决!
网站:https://www.lhyblog.cn
使用的版本:G v1.6

exsearch配合pjax的修改

exsearch 插件默认使用data-url中的地址,看到源码发现是这个函数
function T(n) {
//n && n.length && (location.href = n.attr("data-url"))
}
location.href 打破了pjax,导致直接页面刷新。为了音乐不被打断,得改下。
所以先注释掉这句话

原版这个亚子
//return i("

").addClass("ins-selectable").addClass("ins-search-item").append(i("
").addClass("header").append(i("").addClass("iconfont").addClass("icon-" + n)).append(null != e && "" != e ? e: c.TRANSLATION.UNTITLED).append(t ? i("").addClass("ins-slug").text(t) : null)).append(a ? i("

").addClass("ins-search-preview").html(a) : null).attr("data-url", r)

进行添加标签和onclick函数

return i("").attr("href", r).attr("onclick","exsearchpoint()").append(i("

").addClass("ins-selectable").addClass("ins-search-item").append(i("
").addClass("header").append(i("").addClass("iconfont").addClass("icon-" + n)).append(null != e && "" != e ? e: c.TRANSLATION.UNTITLED).append(t ? i("").addClass("ins-slug").text(t) : null)).append(a ? i("

").addClass("ins-search-preview").html(a) : null).attr("data-url", r))

自动关闭搜索框:
1.给搜索框关闭标签加个ID ,我是 "exsearch-close-point"
2. x.js里随便一丢
function exsearchpoint(){
$("#exsearch-close-point").click();
}

业余编程,写的不对请提出

功能上的建议

大佬你好,我想让背景图片使用必应每日一图,望大佬能把这个选项加入到背景设置中。我目前的实现方式是这样的(直接改的G.class.php:

$bingP = json_decode(file_get_contents('https://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1'));
        $bingP = "https://cn.bing.com".$bingP->{'images'}[0]->{'url'};
        $background = "background";
        if (!empty($bingP)) {
            return $background . "-image: url(" . $bingP . ");";
        } else {
            return $background . ": #fff;";
        }

“关于”页插入图片的bug

插入的图片,会按照图片本身的尺寸进行显示,不会有缩放处理,导致图片右边宽度超出界面,完全没法看……

代码块没有自动换行

如果某个语句过长并且没有换行符的话,它会一直延伸而不是到达边缘自动换行

小飞机点击弹到顶部不能用

刚更新最新版,突然发现小飞机不好使了
console显示:
Uncaught ReferenceError: InstantClick is not defined
at X.js:27

地址:google404.com
大佬辛苦了

移动设备下,底栏图标变为隐藏

准确说是窗口宽度较小时,底栏的又拍云和阿里云图标 div id=footer-content-right 就消失了。

我记得以前是不会隐藏的,并且感觉隐藏不是个好主意……

关于数据库的支持问题

先声明一下该issue的问题不是会影响大部分人使用的致命bug
在安装主题后,频繁出现数据库语句错误的警告。后发现是sql文件问题,没有对PostgreSQL进行支持。虽然这个数据库可能有人没听过.....但是它真的挺神仙的(还是配拥有姓名的),希望能支持一下QWQ(PostgreSQL的语法与mysql通用,仅是部分特性有所区别,如果作者dalao能愿意新增对它的支持就是非常感谢....)

[BUG] 长链接无法换行显示,导致网页往右横扩

⚠️ 可能描述不够清晰,建议直接发一篇链接够长的博文,分别用电脑、手机测试自行感受。


问题描述

其实这个问题之前 #14 (comment) 提过,当时“修复”也没仔细验证。现在看了下还是没能解决。
为避免自己用的不是最新版本,用作者自己的站、测试并截图:
image

可以发现:
当文字加上外链时,无法换行显示。
如果链接够长,用户窗口又够短(即用户窗口小于链接长度)时,链接就会往右侧超出。

带来的问题

  • 影响页面美观 (这还是其次)
  • 链接内容展示不全 (有可能超出屏幕外而无法显示完全)
  • 窗口横向扩大,导致滑屏时体验极差,很容易滑到右侧的拓展区域

影响范围

  • 主要是手机端
  • 对于 PC端/Pad端 几乎无影响,因为网页链接通常不会过长,所以无法体现出问题,但在链接确实足够足够长的时候,还是能够复现(如下图)
    image

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.