• 关于本博客样式


    1 前言

    本博客的博皮样式设计者是BNDong大神,在此表示衷心的感谢!为了让更多人的博客园更加的美观大方,本人特此参考设计者BNDong关于博客样式的文章,写了这更加通俗易懂的文章,让更多喜欢这博客样式的人,可以应用此博客样式。

    2 安装配置

    本主题需要JS权限,没有的请先申请权限。

    进入管理后台:管理后台

    2.1 设置

    设置页面:

    img

    本主题当前页面所涉及的配置有:

    • 博客皮肤
    • 页面定制CSS代码
    • 禁用模板默认CSS
    • 博客侧边栏公告
    • 页脚Html代码

    2.2 选项

    选项页面:一定要勾选公告,其他可根据需要自行设置

    img

    3 博客设置

    3.1设置博客皮肤

    博客皮肤:SimpleMemory

    install_02

    3.2 设置页面定制CSS代码

    CSS代码位置:/src/style/base.min.css 拷贝此文件代码至页面定制CSS代码文本框处。

    /src/style/base.min.css 的修改参考 /src/style/base.css。博客设置请使用压缩版本,直接使用 /src/style/base.css 会字符超限!

    install_03

    3.3 禁用模板默认CSS

    选中页面定制CSS代码文本框下面的禁用模板默认CSS。

    3.4 设置博客侧边栏公告

    在侧边栏HTML代码中设置以下代码:

    <script type="text/javascript">
        window.cnblogsConfig = {
            GhVersions    : 'v1.3.3', // 版本
            blogUser      : "userName", // 用户名
            blogAvatar    : "https://xxxx.png", // 用户头像
            blogStartDate : "2016-11-17", // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
        }
    </script>
    <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>
    

    注意:引入的文件 simpleMemory.min.js 版本需要与配置 window.cnblogsConfig.GhVersions 一致!

    install_04

    配置完成保存即可成功应用博皮!详细配置参考相关文档

  • 相关阅读:
    spring_three
    报错:java.sql.SQLException: The server
    Spring_two
    Spring_One
    Mybatis中的collection和association一关系
    Mybatis_three
    文件操作1
    面向对象编程三大特征7
    面向对象编程三大特征6
    面向对象编程三大特征5
  • 原文地址:https://www.cnblogs.com/lzyws739307453/p/13652641.html
Copyright © 2020-2023  润新知