新手博主狂喜!用SimpleMemory一键生成高逼格博客,访客量翻了5倍的秘密在这

本文涉及的产品
智能开放搜索 OpenSearch行业算法版,1GB 20LCU 1个月
实时数仓Hologres,5000CU*H 100GB 3个月
实时计算 Flink 版,5000CU*H 3个月
简介: `SimpleMemory Theme Extension` 是一款专为博客园设计的前端美化插件,基于 `SimpleMemory` 主题开发,功能强大且易用。使用前需在博客园后台开通 JS 权限,下载最新版插件(v2.1.4)后,按照步骤配置选项、皮肤和代码。将插件中的 CSS 代码粘贴至自定义样式,并添加基础配置脚本即可完成设置,实现美观的博客效果。更多高级参数将在后续教程中详解。

SimpleMemory 介绍

SimpleMemory Theme Extension是一个专门给博客园美化的前端插件, 它是由BNDong大神基于博客园SimpleMemory主题来开发的的扩展美化插件,非常好用!

插件官方地址 https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2.1/dist/

如图

前期准备

SimpleMemory插件需要我们在博客园的后台先去开通js权限,如果你还没有开通,那么请先申请权限!

申请的办法也很简单,直接进入到博客园的后台,在设置项中找到js权限申请开通即可!

如果你是未申请的会显示申请开通,一般需要半天左右时间审核

我这里已经申请过了,所以显示的就是JS权限 : 已开通

如图

注意:申请的时候需要给管理员附带上申请通过的理由,不要乱写,最好是写想要通过插件来美化博客就行!

然后我们就可以开始去下载SimpleMemory这个插件了!

SimpleMemory 下载

SimpleMemory目前最新的版本为v2.1.4 我们可以直接先到github上去下载相关文件

地址: https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

如图

历史版本随着博客园不断迭代,会出现兼容性问题, 所以都建议大家使用最新版本, 时不时也可以来官方看一下,有更新就迭代上去!

下载好之后,解压缩备用!

如图

博客后台设置

选项设置

首先还是进入到我们的博客园的后台管理, 然后打开选项 确认博客需要开启/关闭哪些控件

要是不清楚的话,你可以按照官方的文档上的要求来进行开启和关闭!

如图

其他不用更改点击保存即可!

皮肤设置

同样还是进入到我们的博客园的后台管理, 然后打开设置

将皮肤主题设置为SimpleMemory 因为这个插件就是基于这个开发的!

然后在代码高亮的选项中找到渲染引擎设置为highlight.js

如图

代码设置

现在就可以来定制我们呢的博客园效果代码了!

设置选项中找到页面定制CSS代码, 把禁用模板默认CSS勾选上

然后我们就可以去找到下载的SimpleMemory把里面的CSS代码拷贝到这里

也就是说在你下载的Cnblogs-Theme-SimpleMemory-2.zip文件中找到/dist/simpleMemory.css这个文件

如图

把里面的CSS代码全部拷贝到页面定制CSS代码的编辑器中

如图

最后找到博客侧边栏公告,直接复制以下配置代码

默认基础配置如下

<script type="text/javascript">
    window.cnblogsConfig = {
    
      info: {
    
        //用户名  
        name: '极客小俊GeekerJun', 
        //入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间  
        startDate: '2011-11-17', 
        //头像 URL 地址  
        avatar: 'https://pic.cnblogs.com/avatar/1452855/20201026072619.png',
      },
    }
</script>

<!-- 插件文件引入 -->
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.3/dist/simpleMemory.js" defer></script>

就像这样子:

如图

完成设置

最后保存你就可以预览效果啦!

如图

看是不是很简单呢! 看到这个效果说明我们应用SimpleMemory插件成功了!

关于cnblogsConfig里面还有很多配置参数, 我在接下来的教程中会挨个讲到!

相关文章
|
5月前
|
人工智能 自然语言处理 物联网
"一丹一世界"二等奖 | TPSZ_二次元卡通梦幻插画风格-童梦拾光 创作分享
"一丹一世界"二等奖 | TPSZ_二次元卡通梦幻插画风格-童梦拾光 创作分享
121 7
|
Unix Shell Linux
Shell 内置命令:trap
Shell 内置命令:trap
428 1
|
5月前
|
JavaScript 前端开发 容器
粘性定位Position:sticky已死?
粘性定位(`sticky`)是CSS3新增的一种定位方式,结合了相对定位(`relative`)和固定定位(`fixed`)的特点。当页面滚动时,元素在跨越特定阈值前表现为相对定位,之后则固定在指定位置。它常用于导航菜单等需要吸附效果的场景。 **特点:** - 需配合`top`、`right`、`bottom`或`left`属性使用。 - 相对于父元素定位,而非整个视窗(与`fixed`区别)。 - 兼容性:低版本浏览器可能不支持。 通过案例可见,`sticky`可简化以往需JS实现的效果,但实际应用需考虑浏览器兼容性问题。
98 6
粘性定位Position:sticky已死?
|
编解码 算法 网络协议
流量控制--5.Classless Queuing Disciplines (qdiscs)
流量控制--5.Classless Queuing Disciplines (qdiscs)
196 4
|
8月前
|
存储 SQL 缓存
Perf Arm SPE介绍与使用
本次分享的主题是 Perf Arm-SPE 的介绍及使用,本次分享主要介绍如何在倚天 710 平台上利用 Arm-SPE 特性定位伪共享问题、分析内存访问、分析指令延时以及监控访存延时等功能。 1. 背景介绍 2. Arm SPE的原理 3. Arm SPE在倚天服务器上的应用 4. Arm SPE 更多特性与功能的探索
584 0
|
运维 安全 Linux
【超实用秘籍】Linux文件传输新高度:10个scp命令让你瞬间变身文件传输达人,从此告别繁琐操作!
【8月更文挑战第13天】文件传输是运维工作的核心部分,尤其对Linux用户来说,了解高效且安全的传输方法非常重要。本文介绍10种scp命令的应用技巧,涵盖基础文件传输、密钥认证、目录复制等场景,助你灵活运用这一基于SSH协议的安全工具。从简单的文件传输到复杂的多主机文件迁移,scp都能轻松应对。通过本文的学习,你将能更熟练地使用scp命令,提高工作效能。
553 6
|
安全 应用服务中间件 Apache
Apache-Tomcat-Ajp文件读取漏洞(CVE-2020-1938、CNVD-2020-10487)
Apache-Tomcat-Ajp文件读取漏洞产生原因是由于Tomcat默认开启的AJP服务(8009端口)存在一处文件包含缺陷,攻击者可构造恶意的请求包进行文件包含操作,进而读取受影响Tomcat服务器上的Web目录文件
1290 1
计算机网络——计算机网络的性能指标(上)-速率、带宽、吞吐量、时延
计算机网络——计算机网络的性能指标(上)-速率、带宽、吞吐量、时延
853 1