GithubHelp home page GithubHelp logo

unicar9 / jizhi Goto Github PK

View Code? Open in Web Editor NEW
996.0 10.0 94.0 20.82 MB

A Chrome/Firefox extension with custom new tab page featuring Chinese poems and P5.js enabled noise waves in traditional Chinese colors

Home Page: https://chrome.google.com/webstore/detail/%E5%87%A0%E6%9E%9D/hfohpokminpknagcgncibpacohagppjn

JavaScript 100.00%
chrome-extension p5js creative-coding newtabpage

jizhi's People

Contributors

allcontributors[bot] avatar arthur-zheng avatar chiaweilee avatar dependabot-preview[bot] avatar dependabot[bot] avatar doumax avatar imgbotapp avatar sfyumi avatar unicar9 avatar xnng 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  avatar  avatar

jizhi's Issues

建议增加“最常访问的网站”

提个小建议:
增加“最常访问的网站”,可以横排放在页面下方,默认隐藏,随着鼠标的focus浮动显示,应该不影响现在的美观效果,也比较实用。

能增加深色主题

在全局使用深色主题情况下,新打开的网页实在是太亮眼了,希望添加一个深色主题,

建议加入黑暗模式

建议加入黑暗模式。图可以是夜空,一弯细细的弦月,几缕淡淡的云,配上古诗不是很应景吗。
主要是系统改成黑暗模式之后,其他都黑的,显得这个新标签页面很亮。

CPU 和 GPU 占用率高

操作系统:win10

此插件在打开时会导致 cpu 和 gpu 占用率飙升,风扇的声音都能听得到。

微信截图_20190324163727
微信截图_20190324163833

中文字体是否可以从本地调用?

新版扩展可以在Edge中使用了!解决了使用Edge的一大阻碍!
目前在Edge下无法切换字体,跟之前chrome中碰到的问题一样。

看到关于字体版权的说明,如果这个字体可以允许个人使用的话,能否不把字体打包到扩展中,给出官方链接让用户自己下载安装,然后从用户本地字库调用呢?这样就还适用于个人使用的授权吧?

毕竟方正细金陵还是很好看啊~
不过如果版权问题无法规避的话,还是支持换字体。
授权的话,嵌入App的授权是一年一万五……太贵了 =_=

新标签页的名称无法跟随浏览器设置的语言

firefox中语言是中文,但是加载了插件之后,新标签页名字变成了new tab,没有跟随浏览器设置。

不知道about:newtab这个跟随浏览器设定是怎么实现的。我想是不是tabs.create()函数里面可以设定,查了文档暂时没看到什么好办法。

可能对功能影响不大,原谅我的强迫症 谢谢 XD

yarn build报错

[root@iZva01gaj2xsb8Z jizhi]# yarn build
yarn run v1.22.4
$ webpack --mode production && node build.js
/home/jizhi/webpack.config.js:13
...config,
^^^

SyntaxError: Unexpected token ...
at NativeCompileCache._moduleCompile (/home/jizhi/node_modules/v8-compile-cache/v8-compile-cache.js:240:18)
at Module._compile (/home/jizhi/node_modules/v8-compile-cache/v8-compile-cache.js:186:36)
at Object.Module._extensions..js (module.js:586:10)
at Module.load (module.js:494:32)
at tryModuleLoad (module.js:453:12)
at Function.Module._load (module.js:445:3)
at Module.require (module.js:504:17)
at require (/home/jizhi/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
at WEBPACK_OPTIONS (/home/jizhi/node_modules/webpack-cli/bin/utils/convert-argv.js:114:13)
at requireConfig (/home/jizhi/node_modules/webpack-cli/bin/utils/convert-argv.js:116:6)
at /home/jizhi/node_modules/webpack-cli/bin/utils/convert-argv.js:123:17
at Array.forEach (native)
at module.exports (/home/jizhi/node_modules/webpack-cli/bin/utils/convert-argv.js:121:15)
at yargs.parse.err (/home/jizhi/node_modules/webpack-cli/bin/cli.js:71:45)
at Object.parse (/home/jizhi/node_modules/webpack-cli/node_modules/yargs/yargs.js:567:18)
at /home/jizhi/node_modules/webpack-cli/bin/cli.js:49:8
at Object. (/home/jizhi/node_modules/webpack-cli/bin/cli.js:366:3)
at Module._compile (module.js:577:32)
at Object.Module._extensions..js (module.js:586:10)
at Module.load (module.js:494:32)
at tryModuleLoad (module.js:453:12)
at Function.Module._load (module.js:445:3)
at Module.require (module.js:504:17)
at require (internal/module.js:20:19)
at Object. (/home/jizhi/node_modules/webpack/bin/webpack.js:156:2)
at Module._compile (module.js:577:32)
at Object.Module._extensions..js (module.js:586:10)
at Module.load (module.js:494:32)
at tryModuleLoad (module.js:453:12)
at Function.Module._load (module.js:445:3)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

如何增加自定义的书签

新标签页的一个重要作用就是常用网站的导航,我通常在新标签页中配置好常用网站的书签,可即时跳转,此插件是否带有这个功能?

[问题反馈] 浏览器最大化时,底部会有一条很显眼的白线

这个问题好像很早就有了,今天显得没事就来反馈一下,强迫症看着难受。

Chrome 浏览器、几枝 v2.5.0

# 问题描述

浏览器最大化,Win10 深色模式,任务栏是黑色的,这条白线就很显眼了。
04
02
06

浏览器最大化,Win10 浅色模式,任务栏是白色的,就看不见这个白线了。
05

另外,不管是否开启扩展设置中的 黑夜模式,无论背景是 Waves 还是 Blobs,都会有这条白线。


# 问题分析

初步判断是因为网页背景颜色是白色导致的,你看这个 GIF 动图:

当我浏览器窗口化并调整大小时,可以看到网页背景颜色是白色的(动画绘制会有一点点延迟才会跟上)。

窗口化调整大小时,如果是缩小那么不会复现,如果是放大那可能是底部白线。浏览器最大化时,底部始终显示白线。

01


# 解决方法

当我通过 F12 开发者工具,调整网页样式后发现:

只要在 div.app、div#root、body、html 其中任意一个添加 background-color: #XXXXXX 样式都可以解决白线问题

03

建议在随机颜色后,顺便修改以上元素之一的样式(style="background-color: #XXXXXX;"),该背景颜色值就是随机到的颜色值(当然是底部颜色最深的那个)。

yarn build error

具体如下:

yarn build
yarn run v1.22.10
warning ..\package.json: No license field
$ webpack --mode production && node build.js
Hash: 12e55cb7277a7b93364b12e55cb7277a7b93364b
Version: webpack 4.44.2
Child
Hash: 12e55cb7277a7b93364b
Time: 4875ms
Built at: 2021/02/10 下午10:51:19
3 assets

ERROR in ./src/App.jsx
Module build failed (from ./node_modules/eslint-loader/dist/cjs.js):
Module failed because of a eslint error.
error: 'youzikuClient' is assigned a value but never used (no-unused-vars) at src\App.jsx:27:7:
  25 | const DEFAULT_SHICI_LIST = require('./constants/shici.json');
  26 |
> 27 | const youzikuClient = new youziku.youzikuClient('xxxxxx'); //apikey
     |       ^
  28 |
  29 | class App extends Component {
  30 |   constructor(props) {


1 error found.
 @ ./src/index.jsx 3:0-24 4:41-44
 @ multi ./src/index

Child
Hash: 12e55cb7277a7b93364b
Time: 4836ms
Built at: 2021/02/10 下午10:51:19
3 assets

ERROR in ./src/App.jsx
Module build failed (from ./node_modules/eslint-loader/dist/cjs.js):
Module failed because of a eslint error.
error: 'youzikuClient' is assigned a value but never used (no-unused-vars) at src\App.jsx:27:7:
  25 | const DEFAULT_SHICI_LIST = require('./constants/shici.json');
  26 |
> 27 | const youzikuClient = new youziku.youzikuClient('xxxxxx'); //apikey
     |       ^
  28 |
  29 | class App extends Component {
  30 |   constructor(props) {


1 error found.
 @ ./src/index.jsx 3:0-24 4:41-44
 @ multi ./src/index

error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

诗词一直不变

一直显示“红豆生南国,春来发几枝。”
需要给特定网址添加代理吗?
Version 74.0.3729.169 (Official Build) (64-bit)

书签栏

你好:
默认书签栏全局隐藏,系统自带的新标签页也会显示书签栏(书签较少,不想一直展示).
几枝新标签页不会展示.能不能给个设置实现类似的效果呢?

字体切换没有效果

三种字体不管选哪个,最后字体效果都只有江西拙楷。
chrome商店的版本,卸载重装了也是一样。

江西拙楷在显示四字颜色名称时容易超高

因为字体比较大,而且字间距较大,在笔记本的分辨率下比较容易超高,第四个字不能显示完整。可以将拙锴显示颜色名称时的字体和间距调小一些?

这次调整了默认字体,建议在左下角设置按钮处增加一个 “可以自定义字体” 的提示,避免用户不适应新字体。

字体ttf 偏大

  • node服务 动态解析获取接口的文字

  • 压缩 或换个别的小的chrome支持的字体格式

  • 用一个cdn, 善用一下缓存。preload

有没有可能添加一个搜索框

比方说加一个搜索的小图标在诗词下方,当鼠标滑过或者开始输入的时候,搜索图标展开。或者当用户开始输入的时候,光标自动切换到地址栏进行输入

关于背景的层叠的波浪动画

请问下背景的层叠的波浪动画的代码在那个文件呀?我自己做了一个网页版搜索小工具,想用上你的背景嘻嘻嘻😁

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.