博客园排版修改

博客园默认的一些模板确实有点丑,在逛博客园的时候,发现了一个很漂亮的博客页面,特意跟着一步一步操作,自己的博客马上焕然一些,写文章也有动力了。

博客模板修改,请转:https://www.cnblogs.com/hafiz/p/9276689.html

原文地址:https://www.cnblogs.com/myitnews/p/11421157.html

时间: 2024-07-31 09:59:35

博客园排版修改的相关文章

博客园主题修改中用到的css属性

样式覆盖 id选择器大于class选择器. 对于原主题中想要覆盖的id选择器,使用!import覆盖. 对于原主题中想要取消的css属性,使用inherit. 浮动元素 将position设置为fixed, 为了让组件可以浮动在其他组件之上,设置z-index. fuck me on github element.style { top: 0; right: 0; border: 0; z-index: 100; position: fixed; } 透明的输入框 设置background为tr

自定义博客园之修改滚动条

/*滚动条整体样式*/ body::-webkit-scrollbar { width: 5px; height: 1px; } /*滚动条滑块*/ body::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #252525; } /*滚动条轨道*/ body::-webkit-scrollbar-track { -webkit

博客园排版简单介绍

标题1 代码片段 1 #print("1024*768=",1024*768) 2 a:int = 1 3 b:int = 2 4 5 print('a = ',a,'b = ', b) 这是水平线 这是引用 这是删除线 这是插入图片 原文地址:https://www.cnblogs.com/ccccnzb/p/cnblog_guide.html

cnblogs博客园修改网站图标icon

比特虫,图片转换成ico图标 上传到博客园文件 修改网络地址即可 <script type="text/javascript" language="javascript"> //Setting ico for cnblogs var linkObject = document.createElement('link'); linkObject.rel = "shortcut icon"; linkObject.href = "

使用highlightjs_markdown编辑器自定义博客园代码高亮

一 下载选定highlightjs主题CSS样式 先去highlightjs官网选择一个主题,然后直接下载主题包,找到对应名字的css,复制所有css样式代码 然后博客园选项修改默认编辑器为markdown,如下: 二 修改CSS代码并设置 在样式的第一行.hljs前面加上这句 .cnblogs-markdown 还需要在背景颜色和字体大小后加入强制覆盖,即!important,只需要改动第一个,如下图: 将修改后的css样式直接贴在设置里面的页面定制 CSS 代码里面保存即可查看效果,注意,如

如何修改博客园的标题,文本,表格等的显示样式

注:这个修改方法需要有些html,css的知识,不然你就要自己去查格式 1,打开你的博客首页 比如我的是这个:http://www.cnblogs.com/progor/ 2,右键查看网页源代码,在网页源代码中查找到 3.点开href的连接,即可获得你当前所用皮肤的css 4.ctrl+a,复制下所有文本 5.把刚才复制的文本,粘贴到文本编辑器中[我用notepad++],然后ctrl+f查找我们要修改的部分,比如标题1的标签为h1,搜索 6.找到目标后,修改成我们想要的效果[比如我给我的h1加

博客园主题样式修改教程

实现代码高亮 那怎么使用呢?我是先向博客园申请了js代码的权限,申请入口还是在刚刚那个[设置]里: 我这里是批准了所以显示支持js代码,你们要想实现这个代码高亮,那就得先申请(希望博客园的管理员别打我 —..— ) 然后复制下面代码到[博客侧边栏公告]里: <script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script> <script type="text/jav

修改博客园模板样式

当我们注册博客园以后,首先是选择自己喜欢的首页模板,当我们对博客园给出的模板不满意时,我们就要对已有的模板进行修改. 在这里我采用的模板是SimpleMemory,因为SimpleMemory模板相对简单,便于对样式已有的修改. 这是本人修改两句代码后的修改 详细步骤: 1.寻找自己喜欢的图片,要求图片足够清晰,以免设置背景时不清楚.博客园首页->管理->相册->设置标题(相册名)->ADD->选择文件(上传图片)->ADD,单击图片进入首页,点击Original Im

博客园修改TinyMCE编辑器为Markdown编辑器的方法

博客园修改TinyMCE编辑器为Markdown编辑器的方法 登录后点击"我的博客"然后点击"管理"进入管理后台 注意,鉴于个人之间博客的皮肤或布局有所不同,该选项可能并不位于此或表述上有出入 之后再进入"选项"页面并在②处选择Markdown,然后在③处点击保存 Q.E.D. 原文地址:https://www.cnblogs.com/oberon-zjt0806/p/10656581.html