手摸手教你设置博客园自定义皮肤

在文章的开始要先感谢Simple Memory的作者BNDong分享的代码,我的博客也是在这个博客的下进行优化。

官方安装文档:Simple Memory 安装与使用

大家可以先点开我的博客看一下,看看风格是否喜欢。

感兴趣的同学可以按照下面的步骤来开始设置自己的博客园皮肤了,首先要确定博客园开通了JS权限

基本设置

在这里设置博客的标题和皮肤,确定JS权限已开通,博客皮肤一定要选择SimpleMemory

手摸手教你设置博客园自定义皮肤_第1张图片

页面定制 CSS 代码

simpleMemory.css里面的内容复制进去,然后要把禁用摸板默认css勾选上,否则复制的css代码不会生效。

页脚 HTML 代码

将下面的代码复制进去
















博客侧边栏公告

这里的设置就很重要,有很多项配置可以按照自己的喜好来设置,所有配置项请参考文档,下面是我自己的一些配置,喜欢的同学可以直接复制使用,只需要稍微改一下博客的个人信息即可。



大功告成,恭喜大家配置好自己心仪的博客,赶紧使用起来吧!

你可能感兴趣的:(手摸手教你设置博客园自定义皮肤)