Giter Site home page Giter Site logo

bitcron-pro's Introduction

Bitcron-pro

基于云中君的bitcron主题进行修改 -> 原主题链接

English version

全新 2.0 Bitcron-pro 上线

基于原版添加了以下内容: 1、图片放大 2、阅读时间以及文章字数计算 3、toc目录支持 4、暗黑模式 5、添加更多的社交样式 6、网站总访问量统计 7、繁简体转换 8、Katex支持(详情可以查看这篇文章) 9、增加显示封面的功能 10、搜索功能(采用了Gridea-search 开源项目,注:需要 Gridea 版本在 9.0 以上才可以正常使用) 11、代码高亮 12、添加图片简介 ……

更新

2021.7.6
    1、修复模糊搜索的bug 2、修复katex渲染bug
2020.7.6
    1、修复一个小bug
2020.4.26
    1、模块化 `main.less`
2020.4.23
    1、修复 footer 中 icon 显示问题 2、增加知乎 icon
2020.4.17
    1、添加 google analytics 2、修复search.ejs中的问题
2020.4.7
    1、修复网站标题为中文时显示异常
2020.4.5
    1、修复底部网站信息显示不正确的问题
2020.3.24
    1、上传 Bitcron-pro 2.0 版本
Bitcron 2.0 前
    1、修复 Telegram 图标不显示的问题 2、增加春节灯笼特效 3、修复赞赏码显示异常问题 4、修复某些链接在新标签页打开的问题 5、归档页添加上下页链接 6、优化目录显示效果,支持自适应 7、修复暗黑模式bug 8、添加圣诞特效(感谢ant design) 9、文章右侧添加文章目录 10、增加图片灯箱效果 11、删除Pjax效果,因为对一些js不兼容 12、修复 pjax bug 13、在主页文章添加文章字数显示 14、更换文章页面字数显示的小图标 15、修复赞赏码显示问题

如何使用

把 bitcron-pro 文件夹放入 C:/Users/$YourUserName$/Documents/Gridea/themes 【默认文件夹】或者手动修改过的网站源文件文件夹。

Renderings

首页

内容页

暗黑模式

bitcron-pro's People

Contributors

luckyhookin avatar rlwl avatar yuxqiu 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

bitcron-pro's Issues

# 标签的随机颜色最后一个标签颜色不会变化

在代码for循环中,少了一个等号,应该为下面这样:

    for (xunhuan = 0; xunhuan <= global_tags_random; xunhuan++) {
        var temp = document.getElementById("tag-" + xunhuan.toString());
        var random = Math.random();
            temp.style.backgroundColor = getColor()
   
    }

Tex公式渲染问题

\neq \not\equiv 等Latex公式渲染出来都是等号的情况\eq \equiv,怀疑是katex.css渲染问题。

文章右边标题太多时,下滑将看不到此时的标题

我看了一下源码,文章右侧标题最上面的那个,不会跟着当前的标题所更改,当当前标题小于小于此时的显示的最下面标题时,将不可见,也就是说,右侧显示的标题数目是固定的且内容不会跟着页面所在的标题更新,导致看不到下面的标题。

搜索算法中,最小匹配字符为1,会导致出现很多不想要的结果

我做了一个修改,仅供参考,思路是,最小字符默认为4,最大字符默认32,同时考虑当前字符的大小:

//模糊搜索
function fuzzySearch(data, phrase) {
    var phrase_len = phrase.length;
    var min_len = 4;
    var max_len = 32;
    //根据搜索的词数决定匹配大小,最小匹配词数不能大于词数,最大匹配词数不能小于词数
    if(phrase_len<4){
        min_len = phrase_len;
    }
    if(phrase_len<=0){
        min_len = 99999999;
        max_len = 99999999;
    }
    if(phrase_len>32){
        max_len = phrase_len;
    }

    var options = {
        shouldSort: true,
        includeMatches: true,
        threshold: 0.5,// 匹配算法阈值。阈值为0.0需要完全匹配(字母和位置),阈值为1.0将匹配任何内容。
        location: 0,// 确定文本中预期找到的模式的大致位置。
        /**
         * 确定匹配与模糊位置(由位置指定)的距离。一个精确的字母匹配,即距离模糊位置很远的字符将被视为完全不匹配。
         *  距离为0要求匹配位于指定的准确位置,距离为1000则要求完全匹配位于使用阈值0.8找到的位置的800个字符以内。
         */
        distance: 1000,
        maxPatternLength: max_len, // 模式的最大长度
        minMatchCharLength: min_len, // 模式的最小字符长度
        // 搜索标题与内容
        keys: [
            'title',
            'content',
            'tags.name'
        ]
    };
    var fuse = new Fuse(data, options);
    var fuzzyResult = fuse.search(phrase);
    return fuzzyResult;
}

关于代码高亮

大佬,请问一下这个主题能不能自己改变代码高亮的样式

有看到教程说直接把Prism.jsPrism.css文件直接丢进Gridea的static文件夹就行了,但我试了试好像不行
所以请问大佬这个主题是怎么改变代码高亮的样式?

生成的网页 css和js路径地址是本地,导致无法读取

你好,我的gridea版本是 0.9.3 ,用了这个主题,特别喜欢!但是当我同步到远程服务器后,出现一个问题:tag页面css加载不出来,查看了源码,发现css和js路径地址是本地的 localhost:4000。

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.