bndong / cnblogs-theme-simplememory Goto Github PK

View Code? Open in Web Editor NEW

3.6K 26.0 1.5K 45.43 MB

🍭　Cnblogs theme _ Basic theme : SimpleMemory

Home Page: https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2.1/dist/

License: MIT License

CSS 52.81% JavaScript 40.91% HTML 6.28%

cnblogs

cnblogs-theme-simplememory's Introduction

Hi there, I'm BNDong! 👋

NOTE: Top languages does not indicate my skill level or something like that, it's a github metric of which languages i have the most code on github, it's a new feature of github-readme-stats

cnblogs-theme-simplememory's People

Contributors

Stargazers

Watchers

Forkers

lxzv9999 withlin vsejgfb realliangshiwei zhenglong2015 ppsuc wangyukuai liuyl1992 lingbohome kenwang007 feynmanloo dxinsir rainbowda liguobao runzhenghengbin xiaoyongv5 cooperliu kalinwong lixiaolang zqb-all lijinfeng042 oierlin king-y enuff 248968499 jingweixian-xan yon2068 clara51 luojinfang dark-existed david-lei tzhmonster 973782523 freemana2017 deng104 guzicheng90 lunch233 yociyy fontoyee xcodeany hitsme diqigongzi ehharo alice-and-bob water-mi erdangjia0 fate-singer iyting 5zhu luotianyi20120712 imath66 1436177712 brucegot9stars xiaohongmao94 hvvgithub codingmakesmehappy qiulyblog oleolema qiguoqiang xiongnc hackeryunen ch3nce dachenzi heybreezeyang vwsrenzk bhllx hiraeth-dh goingta yinghualuowu alessandrochen 31415926535x departurefromhere ccwme xiaowangtongxue0110 zeonto ilren hqh312 squarecome lifejoyforpy huiprogramer leis1 huaniang hjzgg mmaroon5 yexua yuanyuan6666 wws993 lonecloud fanfu1024 melodyfff xmo-code zlinks19 windzz keepthethink decray liqianggh nosaydomore tylerlog chen-jr blackmanzzq

cnblogs-theme-simplememory's Issues

请问为什么markdown引用要用<h6>能改成> 吗

美化markdown

你好，你做的主题太棒了！我已经在用，很多人都说好看！
但是在正文部分，markdown生成出来还是不太美观，希望是处理一下。比如行距、主内容宽度和代码高亮
谢谢！

控件显示必须开启公告

你好，你提供的皮肤非常好看，我在试用过程中，踩了一些坑。css也调了一大会，
最终发现：
控件显示的公告必须开!
控件显示的公告必须开!
控件显示的公告必须开！
然后就完美了。
不知道其他人是否遇到我的类似问题。

代码块滚动条在使用markdown编辑器时无法显示

如果使用tinymce编辑器插入代码，代码块的横向滚动条和复制代码功能都可以使用，但如果使用markdown插入代码，这两个功能都无法使用

建议：v1.1.5版本加入对markdown编辑器代码行号、代码复制的支持

代码行号可以用：highlightjs-line-numbers.js 插件。

代码复制按钮用：clipboard.js

以上2个插件亲测有效，希望下个版本可以支持喔。

还有个小问题

文档的那个是vuepress写的还是hexo主题

关于代码美化

感觉如果博主要做代码美化的话调css会很累，附上我的用google-code-prettify渲染的代码美化

在css里，代码样式部分换成
(其中那一整段的样式可以去google-code-prettify官方找想要的样式覆盖）

/* ==========================================================================
   代码样式
   ========================================================================== */
pre {
    /*控制代码不换行*/
    white-space: pre;
    word-wrap: normal;
    font-family: Consolas,Monaco, monospace,Ubuntu Mono,"Source Code Pro",Courier New!important;
}

.cnblogs-markdown .hljs {
    display: block;
    overflow-x: auto;
    white-space: pre;
    font-family: Consolas,Monaco, monospace,Ubuntu Mono,"Source Code Pro",Courier New!important;
    word-break: normal;
    border: none!important;
    padding: .8em!important;
    font-size: 0.85em!important;
}

.pln{color:#4d4d4c}ol.linenums{margin-top:0;margin-bottom:0;color:#8e908c}li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9{padding-left:1em;background-color:#fff;list-style-type:decimal!important;}@media screen{.str{color:#718c00}.kwd{color:#8959a8}.com{color:#8e908c}.typ{color:#4271ae}.lit{color:#f5871f}.pun{color:#4d4d4c}.opn{color:#4d4d4c}.clo{color:#4d4d4c}.tag{color:#c82829}.atn{color:#f5871f}.atv{color:#3e999f}.dec{color:#f5871f}.var{color:#c82829}.fun{color:#4271ae}}

/*下面是我设置背景色，字体大小和字体*/
.cnblogs-markdown code{
background:#fff!important;
}
.cnblogs_code,.cnblogs_code span,.cnblogs-markdown .hljs{
    font-size:18px!important;
}

.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
    font-size: 18px!important;
}

.cnblogs_code, .cnblogs_code span, .cnblogs-markdown .hljs{
font-family:consolas, "Source Code Pro", monaco, monospace !important;
}

然后在页脚html中加上

<!-- Code -->
<script src="https://files.cnblogs.com/files/flipped/prettify.js"></script>
<script type="text/javascript">
(function() {
     $("pre").addClass("prettyprint");
     prettyPrint();
})();
</script>

侧边栏icon-list在手机上会显示错位

但我也不知道是不是只有我手机才有

怎样去掉页面底部footer.png

Doc 文档无法下载

Doc 文档无法下载，链接一直是打不开。

你最新的主题：Cnblogs-Theme-SimpleMemory-Test代码复制、语法高亮只对html有效吗？

我测试了下，目前对markdown无效。

最近一直麻烦你解答问题，太感谢了。

目前支持侧边栏目录吗？如何设置；

问题如上。

希望能实现这样的侧边栏目录。

为什么新版本换新的页脚了，感觉没有之前的好看哇

还有语法的话
Posted by 及下面的标签
具体是怎么书写的格式啊？

代码标签还有问题

版本 1.1.5
有问题的标签：
div.cnblogs_Highlighter
文章路径：https://www.cnblogs.com/yucloud/p/vs_code_config.html#4%E5%8F%98%E9%87%8F%E9%85%8D%E7%BD%AE
效果图：

以及，代码收起按钮失效了（有时候代码收起是给不同程度的阅读者准备的，所以这个功能还是很有用的。）另外，代码框里的滚动条应该一直显示着，不然容易让人误以为代码就这么多。

md 文档格式问题

这个格式识别识别

md 支持##### 5个大小

每个文章右上角的大纲不显示

每个文章右上角的大纲不显示,也就是没有响应的文章大纲栏

手机端加载很慢

用手机浏览器访问要好久才能加载出来

页面配置

很高兴看到你的项目，表示支持。
请问可以提供下 https://www.cnblogs.com/bndong/ 你的博客默认的配置吗。
我们可以直接配置下成你的。
感谢。

首页的背景图设置了之后，还是请求了默认的

首页的背景图设置了之后，还是请求了默认的图片，home_top_bg.jpg，这个图片请求挺慢的。
设置了首页的被进图之后，这个请求可以优化掉吗

https://raw.githubusercontent.com/BNDong/Cnblogs-Theme-SimpleMemory/master/img/home_top_bg.jpg

使用了该主题无法显示评论

作者你好，我使用了你的这套博客主题，现在发现评论无法显示，不知道是哪里出了问题。请您指点迷津，因为我是做JAVA后端的，对前端只是略知一二，希望你能提供个思路，我可以根据你的思路去排查一下这个问题，非常感谢！

请教一下

我是一个计算机的初学者
我十分喜欢您的博客风格
但是我不太会JS配置
您能仔细说说吗
谢谢

ps：QQ2953846540

有个问题，无法显示分页了

@BNDong

请问首页的每句话出自哪里，如何从程序中得到的？

文章标题居中

文章标题需要居中，宽度也要比文章宽一点。目前是固定了跟文章宽度一样，太长会被换行。。

可以在github上加一些开发方面的文档吗?

如题

功能需求：菜单信息上的积分排名可以优先加上吗

菜单信息上的积分排名可以优先加上吗？看到其他的用户有加上的，非常感谢开发这套主题，博主辛苦了❤
https://www.cnblogs.com/jajian

唔...标题生成貌似出了些问题。

如图（这是文章中的标题）：

下图是生成后的目录

这应该算是一个比较严重的bug了，望作者百忙之中能抽空修复一下，辛苦了！

无法访问https://www.cnblogs.com/bndong/，卡在加载动画

已经等了一段时间了。。

docs打不开

博客配置docs文件链接失效了，打不开，希望博主处理一下

关于设置CNZZ 统计ID的疑问

在设置网站统计步骤中有关于统计ID 的位置
我已经注册了CNZZ的账号如何获取统计ID？
是需要付费购买解决方案么？
请大佬指点一下

css样式没有生效

配置如上
地址：https://www.cnblogs.com/maoxianfei/

侧边栏中搜索框、公告、常用链接不显示（所有的菜单选项已经打开）- Cnblogs-Theme-SimpleMemory-v1.1.4

注释掉CLASS catListTitle 的CSS设置display: none!important
这时发现在页面右下方，默认样式的侧边数据栏全部显示了出来了，说明不是选项设置的问题

经开发者调试模式： 发现这个主题侧边栏全部由js代码生成： （SimpleMemory主题默认布局的选项都禁用了，即使修改base.min.css让其显示，布局会完全错乱，因为默认的选项无法显示在自定义的menu上）

var sidebarHtml = '<div class="container">    <div class="menu-wrap optiscroll" id="menuWrap" style="display:none">        <nav class="menu">            \x3c!-- 个人简介 --\x3e            <div class="introduce-box">                <div class="introduce-head">                    <div class="introduce-via" id="menuBlogAvatar"></div>                </div>                <div id="introduce"></div>            </div>            \x3c!-- 导航 --\x3e            <div class="nav-title"></div>            <div class="icon-list">                <ul id="m-nav-list">                </ul>            </div>            \x3c!-- 最新随笔 --\x3e            <div class="m-list-title"><span>最新随笔</span></div>            <div class="m-icon-list" id="sb-sidebarRecentposts"></div>            \x3c!-- 我的标签 --\x3e            <div class="m-list-title"><span>我的标签</span></div>            <div class="m-icon-list" id="sb-toptags"></div>            \x3c!-- 随笔分类 --\x3e            <div class="m-list-title"><span>随笔分类</span></div>            <div class="m-icon-list" id="sb-classify"></div>            \x3c!-- 随笔档案 --\x3e            <div class="m-list-title"><span>随笔档案</span></div>            <div class="m-icon-list" id="sb-record"></div>            \x3c!-- 阅读排行 --\x3e            <div class="m-list-title"><span>阅读排行</span></div>            <div class="m-icon-list" id="sb-topview"></div>            \x3c!-- 推荐排行 --\x3e            <div class="m-list-title"><span>推荐排行</span></div>            <div class="m-icon-list" id="sb-topDiggPosts"></div>            \x3c!-- 自定义列表 --\x3e            <span id="menuCustomList"></span>        </nav>        <button class="close-button" id="close-button">Close Menu</button>        <div class="morph-shape" id="morph-shape" data-morph-open="M-7.312,0H15c0,0,66,113.339,66,399.5C81,664.006,15,800,15,800H-7.312V0z;M-7.312,0H100c0,0,0,113.839,0,400c0,264.506,0,400,0,400H-7.312V0z">            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 800" preserveAspectRatio="none">                <path d="M-7.312,0H0c0,0,0,113.839,0,400c0,264.506,0,400,0,400h-7.312V0z"/>            </svg>        </div>    </div>    <button class="menu-button" id="open-button">MENU</button>    <div class="content-wrap" id="content-wrap"></div>\x3c!-- /content-wrap --\x3e</div><div class="main-header">    <canvas id="notHomeTopCanvas" style=" position: absolute;margin: auto;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;"></canvas>    <div class="vertical">        <div class="main-header-content inner">            <link href="https://fonts.googleapis.com/css?family=Playball" rel="stylesheet">            <h1 class="page-title" style="font-family: \'Playball\', cursive;" id="homeTopTitle"></h1>            <h2 class="page-description" id="hitokoto"></h2>            <h3 class="page-author" id="hitokotoAuthor"></h3>            <h1 class="sb-title" id="sbTitle"></h1>            <p class="article-info" id="articleInfo"></p>        </div>    </div>    <a class="scroll-down" href="javascript:void(0);" data-offset="-45">        <span class="hidden">Scroll Down</span>        <i class="scroll-down-icon iconfont icon-fanhui"></i>    </a></div><div id="loading"></div><div id="bottomProgressBar"></div><div id="rightMenu"></div>';

js创建时只包含了：

个人简介、导航（首页、联系、订阅、管理）、最新随笔、我的标签、随笔档案、阅读排行、推荐排行。

没有包含：公告、日历、搜索框。

请问：如何添加公告、日历、搜索框？是要自己写js代码吗？

发现你自己的博客中有搜索框，是如何实现的啊？

设置失败

为何我按配置文档操作，将css代码填入保存后，刷新博客，一片空白？？

文章右上角大纲在1366*768屏幕分辨率上需要缩放页面到<90%才显示

PC 电脑1536英寸，分辨率最高 1366*768 ，网页100%显示时文章大纲不显示。

最后发现页面缩放到 <= 90%时，显示。

文章大纲现在支持移动端显示了吗？

建议（代码框、网络）

代码不支持一键复制
在 Linux 版的火狐浏览器上，浏览代码框内的代码时，发现滚动很慢，但不是卡（Chrome 没有那么慢）
偶尔会还是无法加载(控制台 来自“https://cdn.jsdelivr.net/gh/BNDong/[email protected]/jquery.js”的资源已被阻止，因为 MIME 类型（“text/plain”）不匹配（X-Content-Type-Options: nosniff）。 404)