博客园美化 对博客园美化,基于博皮“SimpleMemor”进行的修改,首先要申请js权限。
博客园允许用户设置多样化的主题。通过选择皮肤,然后开启JS脚本权限,在设置里面植入跟皮肤配套的CSS、JS,并且禁用默认的CSS,即可实现个性化的界面风格和交互行为。 , }, }, // 友情链接 links: { // 文章底部显示添加友链入口(博客园发送消息) footer: [ 最后 主题相关文件(css\js等)可以自己托管维护,可以自行扩展界面交互 图片等静态资源可以自行寻找免费图床,当然也可以自己放到GitHub上面托管,采用CDN访问(参考这里) 托管到博客园上
1.1、自动生成目录 首先得有js权限 (1)页脚js代码 <script type="text/javascript"> /* 功能:生成博客目录的JS工具 测试:IE8,火狐,google测试通过 zhang_derek 2018-01-03 */ var BlogDirectory = { /* 获取元素位置,距浏览器左边界的距离(left)和距浏览器上边界的距离(top) */ getElementPosition:functi
1.主题效果 实际网站效果 https://www.cnblogs.com/leader755/ 2.主题介绍 本主题使用的 SimpleMemory 这款主题,看完本教程后你能搭出相同美化的博客园主题博客了 到了这里如果不追求其他,一个美化博客的操作就已经完成了,但是我还想配置个性化,那就请看下面。
博客园美化夜间模式 一.点击控制样式 主要看思路,自己增删改查,里面样式只针对我的博客 一.触发点击 二.修改按钮样式以及对于类名 三.将模式信息存入sessionStorage中 四.更具按钮的类名,
博客园美化小火箭 一.代码 <!
使用博客自带的编辑器过于简单,无法做到代码高亮及标题样式美化。 通过以下设置可以美化文章排版问题。 下载OpenLiveWriter客户端并安装高亮插件 1. 发布后即可看到代码高亮效果 标题样式(css)美化 我们在[管理]-->[设置]-->[博客设置]-->[页面定制CSS代码]粘贴如下面的代码,当然也可以根据自己喜好定制 #cnblogs_post_body
为了自己能更加好的查看自己的总结以及让关注我的小可爱们能更加好的学习我弄了阅读模式
首先得有js权限 1.1 页脚js代码 <script type="text/javascript"> /* 功能:生成博客目录的JS工具 测试:IE8,火狐,google测试通过 zhang_derek 2018-01-03 */ var BlogDirectory = { /* 获取元素位置,距浏览器左边界的距离(left)和距浏览器上边界的距离(top) */ getElementPosition:function (ele)
最近有几个博客园的朋友们私信问我怎么设置代码颜色字体的,干脆整理一下。 博客园写博客的TinyMCE编辑器下添加代码有两种方式,我平时用的是第二种,就是代码背景是一行灰一行白的,行号和代码之间有一条绿色竖线的这种。 important; } ---- 2017.4.30更新:博客园设置Google-code-prettify渲染代码高亮
博客园美化博客随笔目录 基于孤傲苍狼在2014-5-11写的目录代码基础上进行改进 一.js代码 <!
文章汇总:https://www.cnblogs.com/dotnetcrazy/p/9160514.html 上级回顾:Jupyter ~ 像写文章般的 Coding(微信链接) 今天早上起来把博客园样式稍微弄了下 ,这样Jupyter-Notebook 通过NBConvert之后,你粘贴到博客园编辑器就可以直接显示了 用Jupyter编程的好处不想再说,稍微优化了下样式,基本上对前面的兼容还不错(原文的附录中有) href="DIV样式1.css" rel="stylesheet"> <link href="DIV样式2.css" rel="stylesheet"> 基本上你Jupyter-Notebook什么样子,博客园显示也是什么样子了
文章汇总:https://www.cnblogs.com/dotnetcrazy/p/9160514.html 上级回顾:Jupyter ~ 像写文章般的 Coding(微信链接) 今天早上起来把博客园样式稍微弄了下 ,这样Jupyter-Notebook 通过NBConvert之后,你粘贴到博客园编辑器就可以直接显示了 用Jupyter编程的好处不想再说,稍微优化了下样式,基本上对前面的兼容还不错(原文的附录中有) href="DIV样式1.css" rel="stylesheet"> <link href="DIV样式2.css" rel="stylesheet"> 基本上你Jupyter-Notebook什么样子,博客园显示也是什么样子了
在浏览器中直接打开https://files.cnblogs.com/files/JetpropelledSnake/cnblogs.css,然后按ctrl + s,即可将本人博客用到的自定义css下载下来。接着在博客的管理页面,找到文件选项卡,上传刚刚下载的文件:
本文链接:https://blog.csdn.net/shiliang97/article/details/103301032 很久不用博客园了,博客园是我最早开始写博客的平台https://www.cnblogs.com /hx97/,忽然想继续在博客园上写一些文章,但是博客园的皮肤不是特别喜欢了,(挺喜欢的,但是不是特别喜欢,我觉得换的好看一点点会让我更想写下去。)
博客园还能美化? 在之前,我一直以为博客园他是那种万年不变的老旧风格,看着就有一种年代感,但是,昨天我莫名看到一个项目,我尝试进行了美化后,发现这玩意很好看啊。 如果不看域名,还真看不出这是博客园。 可以预览一下我的博客园,美化后好看很多。 JanYork(小简) - 博客园 (cnblogs.com) 如何美化? 那么我们怎么样可以美化呢? 我来细说一下。 Github:AWESCNB Gitee:AWESCNB 有兴趣开发自己的博客园主题的可以看看,如果你只需要美化,那就没必要看了。 开启博客园自定义JS权限 仅需几步就能在你的博客园快速安装皮肤。 当你编辑 JavaScript 出现语法错误时,可能无法进入博客了。 开通需要申请,很容易通过,我们申请理由可以填“适度美化博客”这类理由。
2.4.2 博客的顶部图片 2.4.2 首页中间的图标 2.5各部分超链接替换位置 2.5.1 中间图标的链接 2.5.2 首页顶部的链接 3.实际效果 1.前言 因为博主最近一直在想着把自己的文章同步到博客园 ,掘金,简书等类似的技术博客网站上,偶然间看到了博客园可以自己自定义博客的样式。 小姐姐和知乎上一个老哥都出过安装的教程,以下是网址: 博客园二次元主题——Sakura 博客园主题美化 这是模板的下载链接:https://link.zhihu.com/? 我们首先需要将博客园的皮肤选定为Custom,因为该模板就是根据这个皮肤改的。 ? 2.1复制粘贴 ? 这里需要有js的权限,申请一下就行了。 ? ?
所有的修改都在博客园后台管理--->设置中,其中js的权限是要申请的。 配置期间如有不懂之处,欢迎随时评论! 第一套皮肤(借用下薛丫丫同学的博客) 第二套皮肤(大家直接看我博客就知道了) 【美化内容】 基本模板 darkgreentrip (感谢 薛丫丫 同学提醒) 页面定制CSS #home {
一.自己给自己定的需求 鼠标滑轮移动合适位置出现小标题 鼠标下滑时候出现,鼠标上滑时候消失 淡出的效果 二.代码 <style> .my_catalogue_div { line-height: 50px; position: fixed; height: 50px; width: 100%; background: url(https://images.cnblogs.com/cnblogs_c
二、账号注册与申请我的博客 这里我使用的是博客园平台。 1、注册账号 2、在自己博客园的主页中点击写博 ?