目录

博客园SimpleMemory皮肤定制化

前言

博客园支持皮肤的高度定制化,本文主要简单介绍下博客园的SimpleMemory皮肤的定制化。感谢皮肤作者以及定制化皮肤的作者!

个人使用的是BNDong大大开源的基于SimpleMemory原皮的定制化皮肤,下面是相关的一些链接。

  • 项目地址:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
  • 文档地址:https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/
  • 原作者:https://www.cnblogs.com/bndong/

使用指南

官方文档里已经有很详细的教程了,这里只进行简单的记录,方便日后回顾。本文基于v2版本的安装配置教程。

使用该定制化皮肤,需要JS权限,这个要自行申请。申请也很简单,在博客园的设置中找到申请JS权限按钮,在弹窗里编写申请理由,下面是个简单的模板:

尊敬的博客园管理员: 您好,我希望用JS美化下我的博客页面,麻烦通过下我的JS权限申请。 感谢您的帮助。

一般情况下,一小时内就能申请通过。

然后在设置中的博客皮肤要选择SimpleMemory,接着前往项目的仓库地址下载代码文件(是个ZIP文件),解压之后得到css文件:/dist/simpleMemory.css。将该文件的内容整个复制到博客园设置中的页面定制CSS代码框中,要勾选禁用模板默认CSS

有能力的同学可以自己修改定制这里的CSS样式。

该皮肤使用公告这个控件进行了功能扩展,所以需要在选项中的侧边栏控件公告勾选上!

下面则是个人的公告控件代码,用来填写在博客园设置中的博客侧边栏公告框中,以下代码仅供参考:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<script type="text/javascript">
    window.cnblogsConfig = {
        info: {
            name: '雨临Lewis', // 用户名
            startDate: '2018-04-19', // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
            avatar: 'https://pic.cnblogs.com/avatar/1380444/20180423203245.png', // 用户头像
            blogIcon: 'https://cdn.jsdelivr.net/gh/lewky/lewky.github.io@master/favicon.ico'
        },
        banner: {
            home: {
                title: [
                    '赵子龙一身是胆,程序猿遍体皆肝',
                    '不想当写手的码农不是好咸鱼_(xз」∠)_',
                    '男人至死都是少年'
                ],
                background: [
                    "https://cdn.jsdelivr.net/gh/lewky/lewky.github.io@master/images/background/saber1.jpg",
                    "https://cdn.jsdelivr.net/gh/lewky/lewky.github.io@master/images/background/saber2.jpg"
                ],
            }
        },
        sidebar: {
            infoBackground: 'https://cdn.jsdelivr.net/gh/lewky/lewky.github.io@master/images/background/wlop.jpg'
        },
        footer: {
            style: 1,
            text: {
                left: '好好学习',
                right: '天天摸鱼'
            }
        },
        links: {
            footer: [
                ["我的个人站点", 'https://lewky.cn/'],
                ["Java学习笔记", 'https://javanote.doc.lewky.cn/'],
                ["我的GitHub", 'https://github.com/lewky'],
                ["我的CSDN", 'https://blog.csdn.net/lewky_liu']
            ]
        },
        consoleList: [
            ["我的个人站点", 'https://lewky.cn/'],
            ["Java学习笔记", 'https://javanote.doc.lewky.cn/'],
            ["我的GitHub", 'https://github.com/lewky'],
            ["我的博客园", 'https://www.cnblogs.com/yulinlewis/'],
            ["我的CSDN", 'https://blog.csdn.net/lewky_liu'],
            ['我的Email', '1019175915@qq.com']
        ]
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.0.5/dist/simpleMemory.js" defer></script>

参考链接