Code Monkey home page Code Monkey logo

hexo-theme-zhaoo's People

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

hexo-theme-zhaoo's Issues

how to config loading image?

My root URL is /xxx, I have set the lazyLoad like this:

 lazyload:
       enable: true
       onlyPost: false
       loadingImage: /xxxx/images/theme/loading.gif

but in the style.css file:

.lazyload {
    background: url("/xxxx/images/theme/loading.gif") center center no-repeat;
}
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    background: url("/images/theme/loading.gif") center center no-repeat rgb(255, 255, 255);
    z-index: 2019;
    overflow: hidden;
}

the .loading class lacks of prefix /xxxx, how to set it ?

添加文章目录

希望在侧边栏添加文章目录,有跟随定位的功能,屏幕显示内容对应的标题高亮。

二维码显示错误

当点击【导航栏二维码】,【导航栏二维码】与【支付宝微信二维码】同时显示

文章图片布局优化

当文章图片不能很好的撑满全屏,导致图片靠左布局,希望统一居中处理布局

文章封面尺寸适配

目前 文章封面尺寸 会随 图片尺寸 改变,准备优化成固定比例(4:3 / 16:9)。

加入畅言进入博客

目前的评论体系比较不错,绑定GitHub账号就能看到非常清爽的评论界面
建议可以加入畅言,可以让更多的非开发者加入进来

社交 icon的更换

如题,请问社交相关选项的 icon 如何更换,譬如我想增加一个 twitter 的社交方式,需要其 icon。

todo: motto plugin

目标:

  • 支持用户邮箱绑定快速登录
  • 支持用户添加格言

技术栈:

  • 前端:Vue3
  • 后端:Deno、MongoDB

Lazyload和qrcode的CDN失效

qrcode_js和lazyload_js的CND在2020/3/11后发现貌似失效了,导致网页无法正常加载。把这两个切换成本地引入就正常了。

Cannot read property 'enable' of undefined

Unhandled rejection TypeError: D:\MyBlog\themes\zhaoo\layout\index.ejs:2
1|

2| <% if (theme.preview.enable === true) { %>
3| <%- partial('_partial/index/preview') %>
4| <% } %>
5|

Cannot read property 'enable' of undefined

优化的建议

web端

  • 摄影详情页能否做成方框不拉伸的样式(显示部分),点击才显示原图;
  • 关于页增加菜单按钮;
  • 文章页希望能增加一个返回按钮。

小程序端

  • 摄影列表和详情页样式调整为方框不拉伸(显示部分),点击详情才显示原图;
  • 摄影列表页增加下拉刷新;

部署后CSS失效

请问为什么本地的预览可以但是部署后CSS就失效了呢

希望增加文章头图随机选择功能,以及关于图片宽高比压缩问题

如题,用了好几年的博客,一共一百来篇文章,一个一个加头图说实话不是很简单。。
希望加入一个随机的头图选择功能,头图列表建议直接用 galleries.json 就可以,或者新开一个 json 存

另外就是首页图片和头图好像会有宽高比压缩现象,希望能自适应一下,或者在文档里写一个推荐的宽高比
image

image

左为图片原图,右为首页图显示效果,虽然这张图影响不大,但是其他图可能就有点问题,还是希望调整一下。

最后提前感谢开发者

希望加入公告栏功能

如题,一个不是很常用但是很必要的功能,有时候博客要换地址之类的事情可以写在上面,这样读者一眼就能看到

希望添加daovoice评论

大佬,可以预埋一下daovoice的评论吗,自己配置的话那个聊天按钮会悬浮在屏幕中间。在daovoice后台设置里更改像素值没有什么用,不知道问题出在哪儿了。

TodoList

  1. 全站开启 grid 布局:栅格化功能实现方式改为 grid 布局;瀑布流相册实现方式由 justfieldGallery 插件改为 grid 布局。
  2. 引入 ES6 栈:babelnpmESLint,没有模块化支持太痛苦了!
  3. 逐步移除 jQuery(首先移除相关插件),改为原生方式实现。(实现一个龙鸣版 VueReact
  4. 性能优化:动画特效优化(性能+效果)、防抖节流。
  5. 新特性:增加 daovoice 评论支持、增加友情链接、增加文章目录、增加黑夜模式、增加极简阅读模式。
  6. 急需优化:侧边目录、菜单(通过右下角 Fab 打开反人类了)

希望增加 Motto 多行显示功能

如题,希望支持换行符 \n 换行或多行时默认居中、两边留白
不然可能会出现下面这种情况
image

最后提前感谢开发者

Galleries的页面不能显示具体的相册

作者你好,我按照教程上面设置galleries的方法进行配置,但是最终每一个相册还是没有显示出来。
在使用hexo g命令的时候,有如下的报错:

ERROR { TypeError: /Users/meizi/web-blog/themes/zhaoo/layout/gallery.ejs:1

1| <% var galleries = [];
2|
3| if (site.data && site.data.galleries) {
4| galleries = site.data.galleries;}

Cannot read property 'photos' of undefined
at eval (/Users/meizi/web-blog/themes/zhaoo/layout/gallery.ejs:24:29)
at gallery (/Users/meizi/web-blog/node_modules/ejs/lib/ejs.js:682:17)
at _View._compiled.locals [as _compiled] (/Users/meizi/web-blog/node_modules/hexo/lib/theme/view.js:136:50)
at _View.render (/Users/meizi/web-blog/node_modules/hexo/lib/theme/view.js:39:17)
at /Users/meizi/web-blog/node_modules/hexo/lib/hexo/index.js:64:21
at tryCatcher (/Users/meizi/web-blog/node_modules/bluebird/js/release/util.js:16:23)
at /Users/meizi/web-blog/node_modules/bluebird/js/release/method.js:15:34
at RouteStream._read (/Users/meizi/web-blog/node_modules/hexo/lib/hexo/router.js:47:5)
at RouteStream.Readable.read (stream_readable.js:453:10)
at resume
(_stream_readable.js:907:12)
at process._tickCallback (internal/process/next_tick.js:63:19)
path: '/Users/meizi/web-blog/themes/zhaoo/layout/gallery.ejs' }

麻烦帮忙看一下,谢谢啦!

深色模式下代码高亮颜色问题

如题,深色模式下代码高亮不会自动变颜色
image

可以考虑在 themes/zhaoo/layout/_partial/head.ejs 的代码高亮处加一个判断,但是如何读取 prefers-color-scheme 这个我还不大会

提案:IM 即时通讯

现默认的 IM 模块为 DaoVoice,准备接入并支持更多的三方 IM,如有需要可以留言。

例如:腾讯兔小巢

问问一些小bug

  • navbar在文章封面图片区域出不来,要拉到内容部分然后才可以显示
  • 代码块有的字体很大,有的字体正常(测试发现单行过长会复现)
  • 首页background-attachment fixed 在手机的几个浏览器都出现图片被放的特别大,attachment好像不兼容移动端

未来feature

  • 单行代码块字体颜色和高亮色是否可以加入分别设置
  • 搜索模块

功能建议

1.建议在文章旁边加入文章TOC,方便阅读时跳转。
2.建议代码块可以显示行号。

添加摄影文章模板

front-matter 里面加一个 layout,默认为 post,可选填 photography。首页头图显示 image 指定的头图,文章页隐藏头图只留标题。

样式之后设计。

瀑布流相册-生成时-没有生成对应的gallery子目录

按照您的配置说明文档进阶配置中关于瀑布流的配置,能够生成galleries下index.html,但是没有生成galleries/xxx下对应的gallery子index.html. (另外hexo数据子目录的目录名改为source/_data, 说明文档是/data,当然这里只相应数据注入hexo不影响此处), 除非我手动在galleries目录下创建与json文件中匹配的文件夹和对应的md才能够生成。
是否有其他配置?

列表页文章卡片优化

文章标题是重点,描述是次要的,标题要显示全,详见效果图,判断标题超过字数换另一种卡片,手机端同理
效果图

建议更换下fancybox_js默认的cdn地址

使用现在默认的cdn地址: https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.min.js得到的结果不正确,导致除本地图片无法加载,md内的图片不发送访问请求,可以替换为https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js

取消文章 post 图片

如题,域名解析有点慢,想要把 post 文章图片的功能取消,请问如何操作?

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.