萌新如何快速使用二次元浓度爆表的Sakura主题?
第一次更新,恭喜我的博客园开通啦!2022-3-15
这一次更新还有许多不足
-
- 评论区莫名其妙会插进来♂一些官方的广告,而且我现在还没找到办法去掉
- 评论框其实背后有一个血小板,但是被挡住了!
- 这个主体其实原来是有音乐播放器和看板娘♀的,但是不知道为什么,我弄弄就消失了
- 主题还有一大堆空白无法访问的链接,我之后的日子里会慢慢修改吧
这一次我主要遇到的技术难点
参考一下原作者给出的地址https://www.cnblogs.com/zouwangblog/p/11541835.html
原作者其实讲的比较浅显,但是其实想到自己美化的朋友,一点css和html的基础应该还是有的,javascript的基础也不是很难
基本上三件套就可以完成这个主体的自定义,但主要还是懒,所以我下面主要讲一讲容易网页暴毙(白屏)的点,还有一些奇奇怪怪的BUG
就像左边那样,莫名其妙有广告
而且这个框有点错位的感觉,边上那个血小板截图没进来
萌新开罐食用指南
你首先得有一个博客园的个人博客,这个需要申请,理由就是想要学习博客知识,记录生活之类的#
在博客设置里面申请js权限(嗯,这个也是需要申请的)#
设置博客的标题
子标题可以不设置
!!!!重点:请设置博客皮肤和我一样,Custom!!!!!
现在就可以开始下载这个美化包了#
这里我给出地址https://gitee.com/zouwang1/CNblogs-Theme-Sakura
下载完了以后解压出这些文件
怎么用呢?别着急,跟着我手把手来
接下来开始详细操作这些文件,一点点个性化,搭建一个你的个人网站#
复制你的page.css文件进页面定制CSS代码#
!!!注意,这个地方不要勾选禁用模板默认CSS!!!
侧边栏,这个是整个美化中最难的部分,需要自定义的内容基本都在这里#
首先,打开我们的sidebar.html文件,修改几个比较关键的地方#
1.修改notice为你想要的名言名句
成果:
2.修改主页(home),赞助的图片(WeChat和alipay),github的个人中心(github)
3.修改topInfo里面的内容,text和title,其他的看着来填写
此时我们sidebar,html文件就修改好了,直接复制所有内容进博客侧边栏公告
接下来我们需要修改最庞大的main.js文件,首先在文件里面打开#
== ,我写到这里发现自己写的非常混乱准备再开一个帖子重新写
作者:bemake
出处:https://www.cnblogs.com/BEMAKE/p/16007330.html
版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!