miiiku / hexo-theme-flexblock

一个卡片类拟态风格的Hexo主题

Hi there 👋

ヽ｀、｀、、ヽ｀ヽ、ヽ｀、ヽ｀｀、ヽ、｀｀、、ヽ｀ヽ、｀｀、、ヽ｀ヽ、ヽ｀、ヽ｀｀、ヽ、｀ヽ、｀ヽ、
｀、｀｀｀、🌙｀、00:00:00ヽ｀｀、｀ヽ｀ヽ、ヽ｀、ヽ｀ヽ、ヽ｀、、ヽ｀ヽ、ヽ｀、ヽ｀ヽ、ヽ｀ヽ、ヽ
｀、｀、ヽヽ｀ヽ、ヽ｀、ヽ｀ヽ、ヽ｀、、、ヽ｀、、、ヽヽ、｀｀、ヽ、｀｀、、ヽ｀、ヽ｀｀、ヽ｀ヽ｀ヽ
｀ヽ｀｀、、ヽ｀ヽ｀ヽ｀ヽ、ヽ｀、ヽ｀｀、ヽ、｀｀、、ヽ｀ヽ、｀｀、、ヽ｀ヽ、｀ヽ、｀ヽ、｀ヽ｀｀、
｀、ヽ｀｀、｀、ヽヽ｀生而为人，我很抱歉、ヽ｀、ヽ｀ヽ、ヽ｀、、ヽ｀ヽ、ヽ｀、ヽ｀ヽ、ヽ｀ヽ、ヽ｀、
｀、ヽ｀ヽ｀、｀｀、｀ヽ｀ヽ、ヽ｀ヽヽ｀、ヽ｀🎵 音乐～的力量ヽ、ヽ｀、、、ヽ｀、ヽ｀ヽ、ヽ｀ヽ、ヽ
｀、ヽ｀｀ヽ｀、｀ヽ｀ヽ、ヽ｀、ヽ｀ヽ、ヽ｀、、ヽ｀ヽ、ヽ｀、ヽ｀ヽ、ヽ｀ヽ、ヽ｀、ヽ｀｀、｀ヽ、｀
ヽ｀、ヽヽ、ヽ｀、ヽ｀｀、ヽ、｀｀、、ヽ｀ヽ、｀｀、、ヽ｀ヽ、ヽ｀感觉不会在爱了(8岁)、ヽ｀｀、ヽ、
｀、ヽ｀｀、ヽ｀ヽ、ヽ｀、ヽ｀ヽ、ヽ｀、、ヽ｀ヽ、ヽ｀、ヽ｀ヽ、ヽ｀ヽ、ヽ｀、ヽ｀｀、｀ヽ、｀、ヽ｀
ヽ｀、ヽ｀、ヽ｀｀、ヽ、｀｀、、ヽ｀ヽ、｀｀、、ヽ｀ヽ、ヽ｀、ヽ｀｀、ヽ、｀ヽ、｀ヽ、｀ヽ｀、、ヽ
｀、ヽ｀ヽ｀、ヽ喜欢大宰种在《海绵宝宝》里的一句话：内容我忘了 呜呜呜｀ヽ、ヽ｀、、ヽ｀ヽ、ヽ｀ヽ｀ヽ
ヽ｀、ヽ｀｀、ヽ｀ヽ｀、、ヽ｀ヽ、ヽ｀、ヽ｀｀、ヽ、｀｀、、ヽ｀ヽ、｀｀、、ヽ｀ヽ、ヽ｀、ヽ｀｀、ヽ
｀、ヽ、｀｀、、ヽ｀ヽ、｀｀、、ヽ｀ヽ、ヽ｀、ヽ｀｀、ヽ、、ヽ｀｀、ヽ｀ヽ｀、、ヽ｀ヽ｀｀、｀、ヽ｀

hexo-theme-flexblock's Issues

可以支持代码高亮吗？还有文章目录。

文章阅读体验的几点意见

大佬很喜欢您的博客设计，我非常想使用它。我本人经常更新一些体系化的教程文章，所以对阅读体验方面稍有些敏感。我观察到您的主题对于文章内容的阅读体验上我觉得还可以进行一些优化，目前的阅读体验有点难受、尤其是教程类。

说个提升阅读体验的几个建议：
1.如果文章内容采用了分级标题语法，在进入文章后，文章向右或者向左偏移整个内容，剩下的一部分页面，显示导航目录树，方便阅读学习（最想要的功能）
2.进入文章页面后，文章页面显示的宽度可以稍微改窄一些，太宽如果文字多有点阅读疲劳。（没有也可以）
3.给显示的文章内容加个阴影框，可以让文章页面看起来更有可视性。（没有也可以）
可以参考的这个模板的布局例子我说的三点都做到了：https://jerryc.me/posts/20bbe8ff/#%E5%89%8D%E8%A8%80

2与3建议的核心思路是，人在阅读特定区域时，大脑会只让你看清楚你要看的区域，在视觉边界的内容就会进行动态模糊处理，所以缩窄有益于提升阅读的信息密度。而因为信息密度的增加，阅读效率（速度）也会得到提升。
例如：现在的博客文章没有缩小处理，所以在阅读的时候需要一定的左右摇头，这是不必要的。如果缩小内容，通过严谨的移动就能完成文章的阅读，所以能本质的提升效率。
另一点就是给文章内容加上边框阴影后，等于给大脑了一个信息“你要阅读的内容是在这个框里的”这种暗示也会提高学习效率。

因为没有上述我觉得很必要的阅读体验，所以目前这个主题的文章点进去，会有一定的不知所措的感觉，再加上导航树之类的缺失，我难以进行多个文章的阅读。但是网站的主页，图片显示的这些设计我真的非常非常喜欢所有hexo主题中最喜欢的，除了目前的阅读体验（为了找个称心主题把hexo里的主题都看完了）。总结一下就是主页非常讨好人，文章的阅读缺会劝退用户粘性。而博客的核心就是文章，阅读体验也是重中之重。真心的希望您能采纳我的意见，期待您的回复。

关于flex-block主题锚链接失效问题

在使用flex-block主题搭建博客往文章内加入目录时发现无法实现锚链接无法跳转到同页面的锚点。
代码如下：

<h1 id="标题1"><a href="#标题1" class="headerlink" title="标题1" ></a>标题1</h1> 其他HTML代码... ... <a class="toc-link" href="#标题1"><span class="toc-text">标题1</span></a>

以上代码在Hexo默认主题landscape上可以使用，可以实现锚链接跳转到同页面的锚点的效果。

不懂大佬 css 为何不叫 xxx.css scss 或者.style 也行啊。 styl 有点怪怪的

关于背景

RT，想让博客全局覆盖一个背景图片作为底层图片，类似于stylus的那种，求助大大如何实现

Toc问题

请问

这个Toc相关设置可以详细展开说明一下吗？ 我发现点击目录，进行不了跳转，但是demo中确实可以跳转，是我哪里出了问题吗？
我的yml文件中关于Toc的设置

toc:
  max_depth: 3 # 生成 TOC 的最大深度
  min_depth: 2 # 生成 TOC 的最小深度

然后在md的头部设置了toc: true

还有一个问题就是浏览的时候右边没有进度条，导致想看最后得用滚轮到最后.....
这个有啥办法解决吗?

界面底部褪色

所有节目的底部的颜色全部消失了，是不是渲染不正常

Post无评论

更新后发现Post无评论。在/layout/_partial/content.ejs的最后一个</section>下方添加<%- partial('../_widget/comment', { post: page }) %>来开启。不知道是有意删去还是误删？

友链相关问题

links.yml中的description和avatar填写后无法生成对应页面内容

为该主题进行简单的wordpress主题移植以及部分问题

这是库
https://github.com/dangjinghao/flex-block-wp
另外，目前有做评论区和404页面的打算么，我在目录中未发现404页面（并不只是因为自己不会做页面）
css/fonts中的Source Han Sans.ttf字体我似乎没在页面中发现引用，请问该字体是否正在使用？

关于ins页

对大佬博客的ins页面很感兴趣，能教我如何实现吗(用hexo)？或是在下一次主题更新中实现那就更好了哈。我阅读了ins.js相关代码，对ajax获取了一个json文件那里不理解，请问如何得到图床里图片列表的json，以及不用七牛云，用其他云如阿里云OSS可否？

valine.js的引用问题

因为想修改Valine的样式，所以得单独拎一个Valine的js出来，就是不太清楚这个路径该在哪里配置

在图片瀑布流中，放大的时候能否增加进行切换功能？

感谢你的主题，非常的喜欢。在图片瀑布流中，放大的时候能否增加进行切换功能？这样点击图片的时候，就不需要每次关闭又点击才能看下一张。

有无文章归档功能

当文章数变多的时候，一个个平铺开就显得有些杂乱，有没有什么办法可以加一个单独的block作为一个系列文章的开始界面，就是点开那个总体方块然后再看到相关的文章？

分类和标签页展示空白

根据readme提示创建了type为 categories和tags的页面，但访问时页面只有标题没有内容。
已经hexo clean清理过缓存了，仍然没有变化。

请问flex-block如何设置每行随机放置文章的个数以及文章模块的大小

您好，请问flex-block如何设置每行随机放置文章的个数以及文章模块的大小！
搞了好久，都没成功！
望尽快翻我牌子！！！
么么哒！！！

404图片显示的bug

flex-block自带一个404图片功能，发现第一次刷新页面显示正常，后续在再刷就刷不出来了。

第一次：

第二次

错误链接

https://blog.mipa.site/2017/03/262112.html

首页模块cover和subtitle显示

在配置和时候遇到以下疑问

1. 首页的各个文章对应的模块如何添加cover？（如预览图1所示）
   2.Front-matter其余部分如cover、type等均可正常使用，但subtitle无法显示（一直为默认的名称加时间），请问是否有限定的格式？

card-image不显示

您好，我在Front-matter里添加cover字段后，card-image显示不正常？该如何解决

下图是主页

下图是文章页面

关于代码高亮

本人小白，请问想实现像example中的Code Highlight Style test中代码高亮的格式该怎么实现？
如果该仓库还在被维护还请看看这个issue.谢谢！

关于部署到gitee 不适配的问

代码部署到gitee 直接不适配了 是我太菜了吗

关于emoji小表情问题

大佬您好 我想问下你那个主题是否支持emoji表情

首页baner图无法显示

已经绑定了baner图的url了，用的是腾讯云的图床，但是就是无法显示，我F12一看没有post-image的div，不知道什么原因

希望支持LaTeX表达式

想在blog上面分享一些数学公式，但是发现不支持LaTeX....

中文toc跳转不生效

中文toc目录跳转不生效，是怎么回事，英文的是可以的

请问单个文章的封面图片是如何设置

并没有看到相关的说明。。。或许是我眼瞎（）

关于部署到gitee 不适配的问

代码部署到gitee 直接不适配了 是我太菜了吗

能否支持搜索？

如题

关于代码高亮的问题

我在hexo配置文件中打开了高亮，但是代码并没有高亮，请问有解决办法嘛

关于页面的cover，categories类型页面和页面渲染

• 建议相对链接的cover修改为绝对链接，原因是根据官方教程在开启post_asset_folder后，使用相对链接会导致上一个帖子/下一个帖子和主页显示时候帖子的cover错误。例如我在一篇名为“22”的文章中写cover: ./33.jpg，在本文章中是可以正常读取为/22/33.jpg，但是主页，其他帖子的newer,elder的显示是不正常的，我只能直接关闭post_asset_folder来解决。

• 将page的type修改为categories后,cover不能正常使用，只有在/categories/index.html才会正常显示这个cover，例如进入/categories/doc/显示的还是主页banner图。

• 在为page添加type: categories后生成的页面，/categories/index.html并不像分类页面而是一个普通文章。（装了hexo-generator-category 后也没有解决，是我想多了），这两个问题似乎都是由于本主题没有默认生成tag和categories收集页面但是帖子可以默认使用标签分类导致的，我不知道如何解决。

• md的代码（即这个）网页上渲染出来可读性似乎不太好，就我来说，它的白色阴影会导致看到第一眼时候可读性下降，希望能优化？

• 主页各文章的banner更应该使用文章中引用的banner的略缩图来节省流量？比如分辨率降低到0.5，毕竟主页图片并不大，过大的图可能不会产生更多效果还会导致流量增多。（当然这个可以站长自主优化）

关于使用问题

1. 怎么在阅读界面添加滚动条，现在的博客内容稍微一长，鼠标滚动就非常难受
   2.怎么在阅读界面的右边添加作者栏目，下面可以放目录什么的
   3.关于ins的界面应该如何设置
   我是一个hexo的小白，很喜欢你的这个主题，希望你可以帮我解决这个问题

关于Analytics模块的一些建议

1.Baidu Analytics的代码虽然能正常运行，但平台那边的管理面板总会提示“未检测到代码”；我认为原因可能是没有按照百度的要求把代码放到标签前，建议作者考虑一下把Analytics模块移到处。
2.原Tencent Analytics现已升级成腾讯移动分析MTA的web应用分析，我尚不清楚原代码片段是否仍生效，不过我建议换成新的代码片段。（附上第2点建议的修改方案）

<%# Tencent Analytics %>
<% if (theme.tencent_analytics) { %>
  <!-- Tencent Analytics START -->
    <script>
      var _mtac = {"performanceMonitor":1};
      (function() {
        if (window.location.hostname === "localhost" || window.location.hostname.startsWith("192.168")) {
          return console.log("本地调试");
        }
        var mta = document.createElement("script");
        mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
        mta.setAttribute("name", "MTAH5");
        mta.setAttribute("sid", "<%= theme.tencent_analytics %>");
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(mta, s);
      })();
  </script>         
  <!-- Tencent Analytics End -->

如果作者愿意接受我的建议并允许我commit，我愿意完成第二点内容的commit。

特别好看，要是支持代码高亮就完美了

无法支持中文toc真的痛苦

不知道能不能找到 toc的文件

waterfall为什么只能设置一个，第二个排版就出错了

连续放两个

{% waterfall %}
{% endwaterfall %}

{% waterfall %}
{% endwaterfall %}

第二个显示就异常了，这是什么原因？

想问一下作者就是我想搞这两个板块的图片怎么搞啊

想问一下作者就是我想搞这两个板块的图片怎么搞啊

我看作者的网站有这两个板块的图片

求作者教一下

关于card-cover图片高度为0

我放上cover后，点开页面会发现card-cover的背景还是纯色，我在f12里看了下，图片的高度变成了0，请问这该怎么解决，图片是有效的

代码块高亮功能失效

如题，从默认主题landscape切换至flex-block主题代码块高亮失效了，默认主题下代码高亮是正常的，需要额外配置什么吗？

能否使用多个banner图

banner图能否随机显示

列表CSS等问题

1. 在处理标签的时候，把列表的显示样式设置为了list-style: none，导致文章中的有序列表的标号无法正常显示。建议在标签列表处单独设置list-style: none。
2. 网站icon的说明建议添加到readme之中，需要在主题文件夹内替换修改。
3. 建议删除.DS_Store，这个文件毫无作用。
4. Dplayer会寻找DPlayer.min.css.map和DPlayer.min.js.map文件，在调试工具内会看得到404错误，建议把这两个文件放到lib里面去。
5. 很棒的主题，爱了。

评论可以将Valine替换成Twikoo吗？

comments:
  enable: false
  use: 'valine' # valine || disqus
  # valine 评论
  # docs: https://valine.js.org
  # You can get your appid and appkey from https://leancloud.cn
  # 这里appId和appKey一定一定要改成自己的，没有的话去https://leancloud.cn这个网站注册创建一个
  valine:
    appId: 
    appKey: 
    avatar: mm
    placeholder: 随便说点什么叭～
    notify: true
    visitor: true
    pageSize: 10
  # disqus 评论
  # docs: https://disqus.com/
  disqus:
    website: 
    error: 如果你看不到评论，那么就真的看不到评论 w(゜Д゜)w

怎么增加搜索框

这个博客主题很美观，特别适合图片展览。
请问怎么增加搜索框？

如何开启 LaTeX

RT

遇到的一个问题

我试了很久，语言怎么设置顶部导航栏也不会变，想问下是要怎么设置顶部导航栏的语言

你好，我可以移植一下你的主题吗?

你好，我特别喜欢你的主题，但因为我使用的博客框架不是Hexo，所以想移植一下你的主题，到我使用的Halo这个博客框架下，请问可以吗？

安卓浏览器右下角回到顶部的按钮失效

这个按钮在安卓系统的浏览器上失效

关于LaTeX公式的使用问题

你好呀，刚开始使用hexo，看到你的主题很漂亮，所以就拿下来用了，还是非常感谢你制作出来这么好看的主题❤️❤️
但是我想在我的文章里插入LaTeX公式的时候，好像出了一点问题。我按照网上给出的教程在目录下npm了几个包，然后发现主题的_config.yml文件下好像没有mathjax支持，我手动添加了之后发现LaTeX公式在我本地的md编辑器上显示的很好，但依旧无法显示在博客上，倒腾了很久也没找到办法，希望你能帮助我一下，万分感谢🙏
顺便贴一下我在网上找到的教程：https://blog.csdn.net/weixin_43318626/article/details/89407031

toc问题相关

md写法[toc]无法被转换
在front-matter设置开启的toc似乎存在只能显示部分目录的bug
这是演示 可以发现h1和h4h5h6无法正常显示
https://blog.gugugu.cloud/2021/08/20/toc-demo/
（演示页面以后会删除）

请问header的波浪效果和主页鼠标移到card上的上移高亮动画都被删除了吗

水平有限,源码看不太懂....

友情链接的描述和头像均不现实

友情链接的描述和头像均不现实，只显示一个名字