SimpleMemory Theme Configuration for CnBlogs

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>

Tags: CnBlogs Theme Configuration SimpleMemory CSS Customization javascript

Posted on Fri, 08 May 2026 02:24:03 +0000 by Jean-Yves