有园友问我的博客园的主题怎么弄的,我答应了要发一篇博文分享一下我的博客主题配置。其实是很简单的,相信懂 CSS 的人都能自己搞,但如果你懒得花时间,正好可以直接复制我写好的配置代码。 PS:按照博客园首页文章筛选的规则,这篇文章不应该放在首页,毕竟没有什么技术含量,几乎只是分享我写好 ...
写在前面 本次博客主题定制,主要参考了以下几位大佬的博客,在此表示衷心的感谢 esofar Dy an syxsdhy Jackson 主题特色 本博客定制的主题,采取禁用 CSS 样式的方式,全面修改博客园默认样式,结合 JS 脚本实现元素的增删修改等,制作时间一共耗时三天。下面展示主题定制的主要内容: 整体风格 主题的整体风格为亮色,背景设为灰白色,板块之间统一间隔为 px,使得网页布局清晰 ...
2019-09-16 11:36 35 2222 推荐指数:
有园友问我的博客园的主题怎么弄的,我答应了要发一篇博文分享一下我的博客主题配置。其实是很简单的,相信懂 CSS 的人都能自己搞,但如果你懒得花时间,正好可以直接复制我写好的配置代码。 PS:按照博客园首页文章筛选的规则,这篇文章不应该放在首页,毕竟没有什么技术含量,几乎只是分享我写好 ...
1、博客园主题选择 在个人博客园设置页面选择自己喜欢的主题。例如我的博客园的主题: 2、主题相关CSS设置 参考了很多的博客园设置。个人总结以下: 在选择主题下面的页面定制CSS代码,输入自己定制的CSS 定制CSS代码下面”禁用模板默认CSS“,不不要勾选 ...
1、CSS 样式 2、HTML ...
Atum 侧边栏公告 页首HTML代码 页脚HTML 示例 链接1 链接2 SimpleMermory 也就是我现在用的 点我跳转 页面定制css 勾选禁用模板默认css,粘贴样式代码 Cnblogs-Theme-SimpleMemory/base.min.css ...
博客园代码定制 版本:2019-08-11 本文基于Simple Memory模板,且已获取CSS和JS权限,此版本并非最终版本。 如有错误请指出,代码开源可以修改完善,仅用于学习交流,转载时请注明出处! 本文记录了对博客园主页优化的尝试过程以及相关的CSS源码。 在此之前默认 ...
一、选择一个博客皮肤 在定制CSS之前一定要先确定自己要先选择哪个皮肤,因为不同的皮肤其HTML结构以及class的设计和命名都不太一致,如果你在修改CSS后再更换皮肤的话,会造成部分CSS不对应,无法生效的情况。我个人选择了“BlackLowKey”这个相对比较中规中矩的皮肤。 二、所要定制 ...
博客园css定制 选择模板SimplClear 代码如下: 自学第一周前端,可能有许多不到位之处。请各位大佬指正。。。 参考文献### https://www.cnblogs.com/Penn000/p/6947472.html https ...
设置博客主字体和风格 更改的地方如下代码,主要改的为字体换为了微软雅黑 博客标题 更改的地方主要有: 1.重新改了一下标题的margin 2.设置居中 text-align:center css代码如下 侧边公告栏添加头像 1.上传图像到博客园 2.复制地址 ...