Plugin File Entegration
<!-- Plugin file inclusion -->
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.3/dist/simpleMemory.js" defer></script>
Sidebar Configurtaion
<script type="text/javascript">
window.themeConfiguration = {
// User and site information
userProfile: {
displayName: 'user-name', // Username
joinDate: '2024-02-27', // Registration date (YYYY-MM-DD)
profilePicture: '//pic.cnblogs.com/avatar/3396731/20240806162825.png', // Avatar URL
siteIcon: '//images.cnblogs.com/cnblogs_com/blogs/828432/galleries/2419768/t_240905040121_photo.png', // Site favicon
},
// Icon font library
iconFontExtension: "//at.alicdn.com/t/c/font_4675056_s3b6d8lcfzp.css",
// Homepage banner settings
headerBanner: {
homepage: {
backgroundImages: [
// "https://cdn.pixabay.com/photo/2023/11/18/19/06/futuristic-home-8397004_640.jpg",
],
},
},
animationEffects: {
// Avatar rotation animation
profilePicture: {
enabled: true
},
// Comment box typing animation
commentTyping: {
enabled: true,
settings: {
multiColor: true, // Colorful effect
vibration: false, // Vibration effect
}
},
// Article title animation
articleHeading: {
enabled: true
},
},
// Sidebar configuration
sidebar: {
// Sidebar background image
//backgroundImage: '//images.cnblogs.com/cnblogs_com/blogs/828432/galleries/2419768/t_240905051124_slideBg.webp',
// Sidebar menu visibility
menuVisibility: {
// Points ranking
pointsLeaderboard: false,
// Recent posts
latestPosts: false,
// Personal tags
personalTags: false,
// Post categories
postCategories: false,
// Article classification
articleCategories: false,
// Reading rankings
readCountRanking: false,
// Recommendation rankings
recommendationRanking: false,
// Post archives
postArchives: false,
// Article archives
articleArchives: false,
// Custom lists
customLists: false,
// Recent comments
recentComments: false,
},
// Navigation links
navigationItems: [
['Posts', 'https://i.cnblogs.com/posts/edit', 'icon-yumaobi'],
],
},
}
</script>
Custom CSS Styling
iframe {
height:400px;
width:100%
}
#EntryTag,#blogTitle h1 {
margin-top:20px
}
#EntryTag a,.postSticky {
background:#6fa3ef
}
#blogTitle h1 a:hover,.dayTitle a,a,a:active,a:link,a:visited {
color:#5c8ec6
}
#calendar table a:hover,#navList a:hover,.postDesc a:hover,a:active,a:hover,a:link,a:visited,button {
text-decoration:none
}
#mainContent,#sideBar,#topics {
-o-text-overflow:ellipsis
}
*,.Cal {
padding:0
}
::-moz-selection {
background:#807dd4;
color:#fff
}
::selection {
background:#807dd4;
color:#fff
}
::-webkit-selection {
background:#807dd4;
color:#fff
}
::-webkit-scrollbar {
height:3px;
width:3px
}
::-webkit-scrollbar:hover {
height:9px;
width:9px
}
::-webkit-scrollbar-track {
background-color:#f9f9f9;
width:3px
}
::-webkit-scrollbar-thumb {
background-clip:padding-box;
background-color:#999;
border-radius:10px;
min-height:100px
}
::-webkit-scrollbar-thumb:hover {
background-color:#555
}
#mainContent,#sideBar,#topics {
overflow:hidden;
text-overflow:ellipsis
}
#BlogPostCategory a {
background:#e8a258
}
#BlogPostCategory a span,#EntryTag a span {
margin-right:3px
}
.topicListFooter {
margin-right:10px;
margin-top:10px;
text-align:right
}
#navList a,.dayTitle,button {
text-align:center
}
#home,.inner {
margin:0 auto
}
#divRefreshComments {
font-size:9pt;
margin-right:10px
}
* {
margin:0
}
html {
-webkit-tap-highlight-color:transparent;
font-size:62.5%;
height:100%
}
body {
-moz-font-feature-settings:"kern" 1;
-o-font-feature-settings:"kern" 1;
background-color:#fff;
color:#3a4145;
font-family:Merriweather,Open Sans,Microsoft Jhenghei,Microsoft Yahei,sans-serif;
font-size:12px;
overflow:hidden
}
/* Additional CSS rules continue... */
/* Custom CSS additions */
.container .menu-wrap:before {
/* background: rgb(255, 255, 255, 0.1) !important; */
}
.sidebar-menu{
/* background: pink; */
padding-bottom: 0 !important;
}
html,body {
/* cursor: url('//images.cnblogs.com/cnblogs_com/blogs/828432/galleries/2419768/t_240905063456_ikun.jpg'),auto !important; */
}
.img-responsive{
cursor: pointer;
}
.img-rounded {
transition: transform .5s ease-out;
-webkit-transition: transform .6s ease-out;
-moz-transition: transform .5s ease-out;
-ms-transition: transform .5s ease-out;
-o-transition: transform .5s ease-out
}
.img-rounded:hover {
transform: rotate(1turn)
}
Header HTML Code
<div id="loading"><div class="loader-inner"></div></div>