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 _ Basic theme : SimpleMemory
Home Page: https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2.1/dist/
License: MIT License
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
我测试了下,目前对markdown无效。
最近一直麻烦你解答问题,太感谢了。
感觉如果博主要做代码美化的话调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>
你好,你做的主题太棒了!我已经在用,很多人都说好看!
但是在正文部分,markdown生成出来还是不太美观,希望是处理一下。比如行距、主内容宽度和代码高亮
谢谢!
我是一个计算机的初学者
我十分喜欢您的博客风格
但是我不太会JS配置
您能仔细说说吗
谢谢
ps:QQ2953846540
首页的背景图设置了之后,还是请求了默认的图片,home_top_bg.jpg,这个图片请求挺慢的。
设置了首页的被进图之后,这个请求可以优化掉吗
https://raw.githubusercontent.com/BNDong/Cnblogs-Theme-SimpleMemory/master/img/home_top_bg.jpg
还有语法的话
Posted by 及下面的标签
具体是怎么书写的格式啊?
作者您好,您这个是不是只显示一级和二级标题,其他三四级标题在目录上不会显示?
如果使用tinymce编辑器插入代码,代码块的横向滚动条和复制代码功能都可以使用,但如果使用markdown插入代码,这两个功能都无法使用
没接触过前端的,修改配置搞得还是挺蒙圈的。尤其是找不到位置就能难搞
页首背景文字过长时,手机端博文列表第一个会被隐藏,我个人通过限制页首文字的maxheight,和去掉page...author元素的方式解决掉了。
大部分不影响,也可以控制文字长度实现,看作者你是否认为是否需要修复。
Doc 文档无法下载,链接一直是打不开。
来自“https://cdn.jsdelivr.net/gh/BNDong/[email protected]/jquery.js”的资源已被阻止,因为 MIME 类型(“text/plain”)不匹配(X-Content-Type-Options: nosniff)。
404)建议 JQ 使用其他 CDN 源的
每个文章右上角的大纲不显示,也就是没有响应的文章大纲栏
注释掉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代码填入保存后,刷新博客,一片空白??
作者你好,我使用了你的这套博客主题,现在发现评论无法显示,不知道是哪里出了问题。请您指点迷津,因为我是做JAVA后端的,对前端只是略知一二,希望你能提供个思路,我可以根据你的思路去排查一下这个问题,非常感谢!
你的博客主页:https://bndong.cnblogs.com/显示正常。
但主页的另一种链接:https://www.cnblogs.com/bndong/ 首页偶尔只剩一片空白了。
这种连接形式还是博客园默认的啊。
使用默认的主题2种连接形式访问均正常,使用你的主题会出现上面所说的问题。
这2个连接对于博客园来说,是一样的啊。
你的所有文章打开也都是空白了,是不是你正在修改代码 or 更新cdn仓库? 但是查看网页源代码却是完整的啊。
另一个使用你主题的同胞:https://www.cnblogs.com/wangyang0210 页面显示全是正常的啊。
这个到底是咋回事啊,想不明白。
很高兴看到你的项目,表示支持。
请问可以提供下 https://www.cnblogs.com/bndong/ 你的博客默认的配置吗。
我们可以直接配置下成你的。
感谢。
在设置 网站统计 步骤中有关于 统计ID 的位置
我已经注册了CNZZ的账号 如何获取 统计ID?
是需要付费购买解决方案么?
请大佬指点一下
博客配置docs文件链接失效了,打不开,希望博主处理一下
你好,你提供的皮肤非常好看,我在试用过程中,踩了一些坑。css也调了一大会,
最终发现:
控件显示的公告必须开!
控件显示的公告必须开!
控件显示的公告必须开!
然后就完美了。
不知道其他人是否遇到我的类似问题。
菜单信息上的 积分排名 可以优先加上吗?看到其他的用户有加上的,非常感谢开发这套主题,博主辛苦了❤
https://www.cnblogs.com/jajian
版本 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
效果图:
PC 电脑1536英寸,分辨率最高 1366*768 ,网页100%显示时文章大纲不显示。
最后发现页面缩放到 <= 90%时,显示。
文章大纲现在支持移动端显示了吗?
如题
用手机浏览器访问要好久才能加载出来
文章标题需要居中,宽度也要比文章宽一点。目前是固定了跟文章宽度一样,太长会被换行。。
前提: 我将你仓库fork过来,内部url替换为自己仓库的,用cdn.jsdelivr.net访问。
问题:
请教如何让代码修改修改,立即生效? 每次修改文件名很麻烦(尤其修改文件多时候)?
谢谢你的开源
想自己开发一套,却不知如何开发
当标题编号超过10的时候,鼠标放上去动画过后标题编号就会出现显示不全的情况,比如原本是11看上去就成了1,第一个数字会显示不出来
文档的那个是vuepress写的还是hexo主题
关于页脚主题版本显示删除的问题,请问怎么删掉呢?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.