可爱的博客园样式美化、自定义博客园主题样式

cute-cnblogs

说明

“我经常有那种感觉，如果这个事情来了，你却没有勇敢地去解决掉，它一定会再来。生活真是这样，它会一次次地让你去做这个功课直到你学会为止。” —— 《像我这样笨拙地生活》

博客园样式一直是我想改的，之前使用过别人写好的样式模版，加了很多东西，可惜有一天全丢失了，博客园帮忙找回来了一部分，但是不全面，基本相当于废了，于是决定重头再来，自己写一套样式。麋鹿鲁哟的博客园

需要文件的可以来 github ，喜欢我写的样式可以帮我点个 star 喔 ღゝ◡╹)ノ♡

好了，废话不多说，开始~

博客示例

ღゝ◡╹)ノ♡ 麋鹿鲁哟的博客园

介绍

可爱的博客园样式美化、自定义博客园样式 ღゝ◡╹)ノ♡

• ? 本样式以简约可爱为核心，美化博客园的显示效果，增加自定义导航；
• ? 基于博客园主题“SimpleMemor”进行的样式修改；
• ? 支持响应式；

功能

• ? 导航点点动效随鼠标而动
• ? 导航栏自定义
• ? 页面诗意诗句模块
• ? 看板娘-猫(ฅ´ω`ฅ)
• ? 音乐-网易云
• ? 上吊的猫（PS：回到顶部）
• ? 底部跳动的鱼<・)))><<
• ? 点击页面跳动的小豆子及可爱的文字
• ? 评论增加OωO聊天表情
• ? 页面不同的导航背景及人物背景
• ? github跳转小三角

## 使用方法

• 首先记得申请JS权限
• 其次博客皮肤选择 SimpleMemor
• 勾选禁用模板默认CSS
  
  
• 创建一个新随笔（这里使用选项中的TinyMCE(推荐)来编写的） —— “友链”；
• 点击 “编辑 HTML 源代码” 插入以下代码，点击更新；
• 只勾选 高级选项中的 “发布”、“允许评论”;

<p style="text-align: center;">欢迎来到我的友链小屋</p>
<div class="friendsbox">&nbsp;</div>

• 最后分别复制以下区域代码，并根据参数更改数据（PS：路径可进行更改也可不更改，自行down文件上传到博客园文件中，并更改引入路径）

页首Html代码