博客园样式美化(兼容为知笔记)3
目录
博客园样式美化(兼容为知笔记)3
参考 :
2.1.6版
官方教程: https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/
下面是我的配置:
- 侧边栏公告:html
<script type="text/javascript">
//官方文档:https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/
var configJson={
info: {
name: 'ziyue7575', // 用户名
startDate: '2018-08-15', // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
avatar: 'https://pic.cnblogs.com/avatar/1465807/20190927091102.png', // 用户头像
},
title:{
onblurTime :-1,
focusTime:-1
},
sidebar: { // 列表数据 ['导航名称', '链接', 'icon']
navList: [
['新随笔', 'https://i.cnblogs.com/posts/edit', 'icon-github'],
],
},
}
var url=window.location.href;
if(url.indexOf("/p/")>-1){
var id=url.substring(url.indexOf("/p/")+3,url.length-5);
configJson.sidebar.navList.push(["编辑","https://i.cnblogs.com/posts/edit;postId="+id,'icon-github'])
}
window.cnblogsConfig = configJson;
</script>
<!-- 从2.1.0升级到2.1.6试试-->
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.6/dist/simpleMemory.js" defer>
</script>
<script type="text/javascript">
//document.getElementById("blogLogo").src="https://pic.cnblogs.com/avatar/1465807/20190927091102.png"
function removeElementsByClass(className){
var elements = document.getElementsByClassName(className);
while(elements.length > 0){
elements[0].parentNode.removeChild(elements[0]);
}
}
//删除默认的目录栏
removeElementsByClass("toc");
removeElementsByClass("wiz_toc_layer");
function arrownTop() {
var w = document.body.clientWidth;
str = "<a href='#navigator' class='upToNav'></a>";
if (w > 361) {
$('#footer').prepend(str);
} else if ($('#sidebar_scroller') == null) {
$('#page_end_html').prepend(str);
}
}
arrownTop();
//当页面获取焦点，页面title显示的文字；显示后，延时恢复原title。
window.cnblogsConfig.webpageTitleOnblurTimeOut=-1;
//当页面获取焦点，页面title变化的延时时间，单位毫秒。
window.cnblogsConfig.webpageTitleFocusTimeOut=-1;
//网站图标图片Url
window.cnblogsConfig.webpageIcon="https://pic.cnblogs.com/avatar/1465807/20190927091102.png";
//是否渲染主页banner动效
window.cnblogsConfig.bgAnimationRendered=false;
window.cnblogsConfig.essayTopAnimationRendered=false;
//代码
//代码块高度限制
//window.cnblogsConfig.code.options.maxHeight='500px';
// 新版 当页面失去焦点，页面title变化延时关闭。
//window.cnblogsConfig.title.onblurTime =-1;
//window.cnblogsConfig.title.focusTime =-1;
</script>
- 页面定制css代码:
/*----------------------------------------*/
#myposts .vertical-middle span {
font-size: 17px;
}
code{
font-family: consolas !important;
}
.post .postBody blockquote{
background: #f5f5f5;
color: #6a737d !important;
padding: 15px 15px;
}
#cnblogs_post_body .linenums ol li {
list-style-type: none;
}
#cnblogs_post_body .linenums ol{
padding-left: 0.5em;
}
#cnblogs_post_body .linenums ol li .hljs {
border-radius: 0;
background: none!important;
border: 0!important;
}
pre.prettyprint {
background-color: #fafafa;
margin: 10px 0;
}
.CodeMirror-scroll {
display: none;
}
.pln {
color: #48484C;
}
.str {
color: #DD1144;
}
.kwd {
color: #1E347B;
}
.com {
color: #93A1A1;
}
.typ {
color: blueviolet;
/*font-weight: 700;*/
}
.lit {
color: #195F91;
}
.pun {
color: #48484C;
}
.opn {
color: #93A1A1;
}
.clo {
color: #93A1A1;
}
.tag {
color: #008;
}
.atn {
color: teal;
}
.atv {
color: #DD1144;
}
.dec {
color: teal;
}
.var {
color: teal;
}
.fun {
color: #DC322F;
}
.feedbackManage a, .comment_vote a{
color: var(--ThemeColor);
/* border-bottom: 1px solid var(--ThemeColor); */
}
.clipboard-button {
color: cadetblue;
}
#div_digg,#author_profile{
/* display: none; */
}
.postDesc{
/* display: block;
position: fixed;
bottom: 0px;
background-color: white!important; */
}
/*代码块最大高度*/
code-box pre {
max-height: 800px;
}
#footer {
min-height: 40px;
}
/* 底部文字,底部推荐连接,未登录的推荐连接,编辑条,下方重复的标签栏
.footer-box, .under-post-card, #cnblogs_ch, .postDesc,#EntryTag{
display: none!important;
} */
- 页首html代码
<!-- 加载主题的css样式-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.6/dist/simpleMemory.css">
允许 MetaWeblog 博客客户端访问
2.0.1版
今天忽然发现主题失效了，就重新找了新的教程处理了一遍
方法： https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/
兼容位置笔记：在css最后添加几行
#myposts .vertical-middle span {
font-size: 17px;
}
code{
font-family: consolas !important;
}
.post .postBody blockquote{
background: #f5f5f5;
color: #6a737d !important;
}
#cnblogs_post_body .linenums ol li {
list-style-type: none;
}
#cnblogs_post_body .linenums ol{
padding-left: 0.5em;
}
#cnblogs_post_body .linenums ol li .hljs {
border-radius: 0;
background: none!important;
border: 0!important;
}
pre.prettyprint {
background-color: #fafafa;
margin: 10px 0;
}
.CodeMirror-scroll {
display: none;
}
.pln {
color: #48484C;
}
.str {
color: #DD1144;
}
.kwd {
color: #1E347B;
}
.com {
color: #93A1A1;
}
.typ {
color: blueviolet;
/*font-weight: 700;*/
}
.lit {
color: #195F91;
}
.pun {
color: #48484C;
}
.opn {
color: #93A1A1;
}
.clo {
color: #93A1A1;
}
.tag {
color: #008;
}
.atn {
color: teal;
}
.atv {
color: #DD1144;
}
.dec {
color: teal;
}
.var {
color: teal;
}
.fun {
color: #DC322F;
}
.feedbackManage a, .comment_vote a{
color: var(--ThemeColor);
/* border-bottom: 1px solid var(--ThemeColor); */
}
.clipboard-button {
color: cadetblue;
}
1.3.3 失效
皮肤
simplememory
页面定制 CSS 代码
@import url(https://files.cnblogs.com/files/ziyue7575/Cnblogs-Theme-SimpleMemory-1.3.3.base.min.css) screen and (min-width:0px);
/*----------------------------------------*/
#myposts .vertical-middle span {
font-size: 17px;
}
code{
font-family: consolas !important;
}
.post .postBody blockquote{
background: #f5f5f5;
color: #6a737d !important;
}
#cnblogs_post_body .linenums ol li {
list-style-type: none;
}
#cnblogs_post_body .linenums ol{
padding-left: 0.5em;
}
#cnblogs_post_body .linenums ol li .hljs {
border-radius: 0;
background: none!important;
border: 0!important;
}
pre.prettyprint {
background-color: #fafafa;
margin: 10px 0;
}
.CodeMirror-scroll {
display: none;
}
.pln {
color: #48484C;
}
.str {
color: #DD1144;
}
.kwd {
color: #1E347B;
}
.com {
color: #93A1A1;
}
.typ {
color: blueviolet;
/*font-weight: 700;*/
}
.lit {
color: #195F91;
}
.pun {
color: #48484C;
}
.opn {
color: #93A1A1;
}
.clo {
color: #93A1A1;
}
.tag {
color: #008;
}
.atn {
color: teal;
}
.atv {
color: #DD1144;
}
.dec {
color: teal;
}
.var {
color: teal;
}
.fun {
color: #DC322F;
}
.feedbackManage a, .comment_vote a{
color: var(--ThemeColor);
/* border-bottom: 1px solid var(--ThemeColor); */
}
.clipboard-button {
color: cadetblue;
}
禁用模板默认CSS
选中
博客侧边栏公告（支持HTML代码） （支持 JS 代码）
<script type="text/javascript">
window.cnblogsConfig = {
GhVersions : 'v1.3.3', // 版本
blogUser : "ziyue7575", // 用户名
blogAvatar : "https://pic.cnblogs.com/avatar/1465807/20190927091102.png", // 用户头像
blogStartDate : "2018-08-15", // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
}
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>
<script type="text/javascript">
//document.getElementById("blogLogo").src="https://pic.cnblogs.com/avatar/1465807/20190927091102.png"
function removeElementsByClass(className){
var elements = document.getElementsByClassName(className);
while(elements.length > 0){
elements[0].parentNode.removeChild(elements[0]);
}
}
//删除默认的目录栏
removeElementsByClass("toc");
removeElementsByClass("wiz_toc_layer");
function arrownTop() {
var w = document.body.clientWidth;
str = "<a href='#navigator' class='upToNav'></a>";
if (w > 361) {
$('#footer').prepend(str);
} else if ($('#sidebar_scroller') == null) {
$('#page_end_html').prepend(str);
}
}
arrownTop();
</script>
允许 MetaWeblog 博客客户端访问
浙公网安备 33010602011771号