Code Monkey home page Code Monkey logo

hexo-theme-zhaoo's Issues

todo: motto plugin

目标:

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

技术栈:

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

部署后CSS失效

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

社交 icon的更换

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

列表页文章卡片优化

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

优化的建议

web端

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

小程序端

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

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 ?

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' }

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

加入畅言进入博客

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

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

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

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

image

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

最后提前感谢开发者

Lazyload和qrcode的CDN失效

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

功能建议

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

建议更换下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

添加摄影文章模板

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

样式之后设计。

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

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

希望加入公告栏功能

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

希望添加daovoice评论

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

TodoList

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

文章封面尺寸适配

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

希望增加 Motto 多行显示功能

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

最后提前感谢开发者

二维码显示错误

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

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

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

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

取消文章 post 图片

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

文章图片布局优化

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

添加文章目录

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

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

提案:IM 即时通讯

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

例如:腾讯兔小巢

问问一些小bug

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

未来feature

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

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.