前言 之前觉得cnblog排版乱. 而csdn对word兼容性较好一些.所以就转到csdn了. 后来看到别人的cnblog排版挺好,如 等效果. 参考资料 http://www.cnblogs.com/mingjiatang/p/5954352.html http://www.cnblogs.com/solontan/p/3502072.html http://blog.liuxianan.com/custom-cnblogs-highlight-theme.html https://githu…

一.页面定制CSS #home { margin: 0 auto; width: 80%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ background-color: rgba(245, 245, 245, 0.7); padding: 30px; margin-top: 50px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } body { background:…

ps CSDN 老是505错误,放弃了 为什么会写这篇 最近写博客在 Cnblog 上面写博客, 发现图片不能复制了直接粘贴上,这对于把博客当随手笔记的人来说无疑非常痛苦.求助于博客园,他们让我用 Windows Live Writer 试试.我查了下大家推荐的除了 WLW 还有直接用 Word 2013 发布的.这么高端,我果然 low 了.于是尝试着根据大神们的教程实验了一把,果然好用的不是一点点,聪明好学的我还拓展到了 CSDN 那边,开始都是大家说的 505 错误,后来经过修正也成功发表…

此博客使用的CSS样式详解! 页面使用的博客园模板为:LuxInteriorLight,可以在博客皮肤里找到. 页首屏蔽广告代码 <script>console.log("顶部标题栏屏蔽开始:"); document.all.top_nav.style.display='none'; console.log("顶部标题栏屏蔽完成:");</script> 页面定制CSS代码 这些都是可以自己使用浏览器的检查元素的模式改的,然后将改动处放入博客…

用过cnblogs的估计都知道cnblogs提供了相对比较开放的个性化选项,其中最为突出的估计就是页面CSS定制了.但是没学过Web前端的人可能并不会用这个东西... 所以我打算在此分享一些定制CSS过程中使用的奇技淫巧一些方法来帮助大家定制blog qwq 博主并非专业Web开发,所以可能有些语言不够严谨或者不够准确还请谅解qwq 1.何谓CSS CSS,即层叠样式表,可以被认为是HTML的扩充,用于给HTML里结构化的内容指定显示方式,比如字体/背景/大小/间距/特殊效果/过渡效果等. Wi…

0. 简介 进入到cnblog这个大园子以后,和其他的一些博客网站比起来,少了些小功能,比如旁边CSDN上的目录.不过好在大神辈出,博客园可以通过申请JS权限来进行目录的生成. 由于本人在JS以及CSS上纯小白,不过一些代码还是可以看懂的,刚好园子里有着许多前辈的模板,就直接拿来使用了,在此也谢谢原作者. 1. JS代码 想要生成目录,许多都说需要JS修改权限,那个这里就直接进入设置页面,找到下方的联系邮箱直接发去就行了,工作人员回复的还是很快的. 拿到权限之后,下面就是将编(搜)写(寻)的JS…

一.前因后果 之前写博客的时候也有写一些CSS代码来美化,不过都是凌乱的,每次再写一篇,又得重头来过去想,或者去拷贝原来的CSS设置.由于逻辑性不强,找一个配套的格式出来要花费不少时间. 今天我把部分在写博客文章时的常用格式归纳了一下,按分组进行编写,往后再写容易找很多,也便于后续文章的格式统一. <style><!-- /*div分组,设置div层组标签格式 * _base为基本格式,例如文章整体外部容器 * _sub用于设置文章中某小部分内容 * _border为div添加外框*/…

博客布局更改,各种百度,自己修改,搞成现在这样,有兴趣的朋友可以复制我下面的把自己博客覆盖了,然后在进行更改 不懂可加群问我:675678830 如果想开通打赏,用到js,需要在 下列中 博客侧边栏公告  处开通下 博客园首页-管理-设置-- 页面制定CSS代码: #navList { min-height: 35px; float: left; }#navList li { float: left; margin: 0 4px 0 0; } #site_nav_under { display:…

吐槽 博客园cnblogs作为老牌的IT技术博客类网站,为广大的开发者提供了非常不错的学习交流平台. 虽然博客内容才是重点,但是如果有赏心悦目的页面不更好吗! cnblogs可以更换博客模板,并且提供了custom模板供开发者自行定制. 但是看看模板库里的模板,截止目前118套模板中,98套是2010年以前的(/手动笑哭),全都是小学时网站的风格,无一不透露着程序员就是钢铁直男的强烈暗示.然后10年有4款,12年有7款,13年4款,15年4款,风格都并没有好转. 每次在cnblogs看博客查资料…

CSS代码备份 /*simplememory*/ #google_ad_c1, #google_ad_c2 { display: none; } .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter tab…

今日在使用Gridea客户端更新博客的过程中,推送到远端仓库后内容显示正常,但是无法载入主题样式,就是没有载入CSS样式,折腾了一下午在搞懂问题出在哪里了,下面说一下自己的解决思路. 问题描述 首先,文章写完后,push到远程仓库,查看网站发现CSS样式没有载入,设置的主题没有生效,然后怀疑是CSS样式文件的问题,又重新push了一遍,问题依旧. 解决过程 然后怀疑可能是远程仓库的原因,push操作没有更新CSS文件,然后直接上传了本地的CSS文件,发现问题依旧存在. 然后又怀疑是本地仓库的问题…

浅说一下吧 这个小项目由h5和css还有js和jq写的 主题内容为个人音乐 博客等 首页一级导航栏 以及侧边栏 整合部分图标(侧边栏未添加收起操作 时间原因 会的朋友们可以自行添加一个动画就可以 在main.js中) 中间音乐部分为作者和歌词 点击播放的按钮可弹出对应的视频mv 视频mv均为酷狗音乐下载 文件夹部分: css--->层叠样式表文件 main.css--->index.html(也就是主页面的样式) reset.css--->覆盖浏览器默认的css样式 img--->…

1.可以去模板列表里选择一个模板 http://www.cnblogs.com/Skins.aspx 目前使用的模板是http://www.cnblogs.com/SkinUser.aspx?SkinName=SimpleMemory 2.找到模板对应的css文件 http://www.cnblogs.com/asxinyu/p/Bolg_Category_StyleSetting_2.html 模版使用的css文件可以通过网页的源码找到链接,然后下载下来,针对性的修改 自己测试了一下,F12之…

1.用户表:Userinfo 2.博客站点表:Blog 3.标签表:Tag 4.分类表:Category 5.文章表:Article 6.点赞踩表:ArticelUpDown 7.评论表:Comment 8.文章祥细表:Article_Detail 9.手动第三张表(文章祥情和标签表):Article2Tag…

************************************************************************************************************* 1.界面展示 源码,相关视频链接 2.1感谢飘城Web俱乐部视频:http://study.163.com/course/courseLearn.htm?courseId=252008#/learn/video?lessonId=405047&courseId=252008 2.…

http://www.cnblogs.com/jikey/p/4233003.html…

采用了作者#a的模板BlueSky进行了些许修改 在原有基础上加了三个样式,使页面显示风格统一些 #home{ background-color:#fff; } #main{ background-color:#fff; } #blog_stats{ color:#fff; } 原文地址: https://www.cnblogs.com/blogg/p/9142620.html…

作者:weilong,腾讯 web前端开发 工程师 商业转载请联系腾讯WeTest获得授权,非商业转载请注明出处. WeTest导读 拿到设计MM的设计稿,Oh NO,点点点后面又双叒叕加内容了,弹丸之地,劳心费神啊!!可怜我们UI开发GG每次苦口婆心说,微臣不是不做,是办不到啊!很是愧疚.而现在,自从用了定制多行省略,腰不酸了,手也不疼了,接起需求来,毫不费劲! 一.什么是多行省略? 当字数多到一定程度就显示省略号点点点.最初只是简单的点点点,之后花样越来越多,点点点加下箭头,点点点加更多,点…

转载请注明出处:http://hai.li/2017/03/08/css-multiline-overflow-ellipsis.html 什么是多行省略? 当字数多到一定程度就显示省略号点点点.最初只是简单的点点点,之后花样越来越多,点点点加下箭头,点点点加更多,点点点加更多加箭头....多行省略就是大段文字后面的花式点点点. 同行这么做: Google Plus用透明到白色的渐变遮罩,渐变遮罩在文字超出的时候才显示,但无法挤出文字,且背景只能纯色,不理想. 豌豆荚则更简单粗暴换行显示,换行显…

之前没想过定制博客界面,毕竟CSS,HTML什么的都不懂,不过看了这篇文章分分钟搞定: [详细图解]一步一步教你自定义博客园(cnblog)界面 我是基于模板BlueSky做了些改动,先看修改前后的效果: 修改前: 修改后: 1先动手!什么都别管! 在我的博客-管理-设置-页面定制CSS代码,只添加有改动的CSS代码段即可,CSS代码从当前模板获取,方法如下. 使用chrome浏览器,在博客界面按F12查看当前模板(BlueSky)的代码如图 不懂CSS的我一脸懵B,不过上图左上角有个神器 将箭…

摘自:http://www.cnblogs.com/libaoheng/archive/2012/03/19/2406836.html 前  言 一个好的阅读体验,对技术博客来说,也许算是锦上添花.入园一年来,虽然没写几篇文章,但隔一段时间,总会感觉博客界面审美疲劳,就会下些功夫去重新设计一下博客的页面.只为了让界面清爽,方便园友阅读.很多园友问我,用的是什么模板,其实归功于园子的自定义CSS(其实可以自己设计皮肤,但比较麻烦,自定义CSS灵活快捷),趁机分享下我当前的博客界面设计.当然,不是做…

CSDN:http://blog.csdn.net/ cnblog: http://www.cnblogs.com/ iteye: http://www.iteye.com/blogs/ 51cto: http://blog.51cto.com/ 1. 基本功能 博客(又名网络日志),顾名思义,最早的基本功能就是支持用户在网站上写日志,并进行修改.删除.分类管理,以及对他人博客的阅读和评论等.以上功能所有的博客网站都必须具备,为了更好地完成以上功能,这里对更细致的条目进行了比较:   csdn…

  http://blog.csdn.net/pkucl1/article/details/6629819 CSDN: http://blog.csdn.net/ cnblog: http://www.cnblogs.com/ iteye: http://www.iteye.com/blogs/ 51cto: http://blog.51cto.com/ 1. 基本功能 博客(又名网络日志),顾名思义,最早的基本功能就是支持用户在网站上写日志,并进行修改.删除.分类管理,以及对他人博客的阅读和评…

随便说几句: 自己一直学的都是 C++和 Java 以及 Python语言,根本不懂高大上的 CSS 和 著名的 HTML5.感觉那些能自己设计那么漂亮的博客的朋友都好厉害.可以自己加上博客公告栏的小宠物和微博以及加上背景音乐,都感觉好牛逼,好高大上,博客的亲切感立马就上来了. 可是我又没学过 CSS等前端的东西,心想,搞这么漂亮的博客会不会很难啊?那些</class>这些什么鬼?会不会很繁琐?难道要我把 前端的东西学习一边才行? 开始: 然而并非如此,我不会前端,可是我也可以弄:小宠物和微博…

要有自己的CSS十分重要 可以改别人写的CSS代码 也可以改博客园模板 我这里改的是SympleMomery 别忘了禁用模板 /*......去除广告..........*/ div[id^="ad_"] { display: none; } div[class^="c_ad"] { display: none; } div[id^="under_post"] { display: none; } /***********************…

前几天捣鼓了一下博客首页,接下来再丰富一下博客页面的功能与内容.由于我所使用的Ghost博客专注于轻量简洁,因此标题中提到的功能在Ghost中默认均不支持.下面将逐个介绍一下如何为Ghost扩展这些功能. 代码高亮 代码高亮的方案很多,我在Hexo的某个主题上注意到了highlight.js这个插件. 这个插件默认支持23中主流编程语言以及100多种代码高亮主题,基本满足你的需求.还不满意?你可以在官网选择你希望支持的编程语言进行定制. 我使用官网介绍的CDN方式嵌入highlight.js.在…

文章有一个好的排版,将能够增加阅读者对其内容的兴趣. 本文总结了如何美化博客园中文章的部分显示样式. 1.美化文章标题的显示样式 2.增添LaTex数学公式的显示 3.目录索引的显示 4.添加文章末尾的固定信息. 0 获取权限 首先,在自定一个博客样式之前,我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限. [博客园]->[设置]->[博客设置],点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持js代码 . 1 美化文章标题…

想在github page上构建自己的博客,前几个星期就动手搞了起来,但由于自己对于前端这些东西不是很熟,所以断断续续的,直到今天才把所有东西都搞懂,而且构建出自己的github博客了. 最终效果,大家可以参考一下我构建好的博客 济沧海 以后可能很多博客都会在上面写啦哈哈哈. 教程如果每一步都详细地配图来写,太长了,以下一些步骤可以参考其他教程.本教程主要写,整一套逻辑是怎么回事,加上笔者踩过的坑. 过程如下. 1.申请一个github账号,比如笔者的github账号是chenjx85. 2.创…

自暑假以来,囫囵吞枣一般蒙头栽入前端自学中,且不说是否窥探其道,却不自觉中提高了对网页版面设计的要求,乃至挑剔.一个设计清爽美观的网页能让读者心旷神怡,甚至没有了阅读疲劳:而一个设计粗劣嘈杂的网页实在让读者为之揪心难受,何谈长时间阅读,不仅苦了眼睛,倦了身体,更是伤了精神. 于博客园中开博撰文后,不时为众多设计精彩的博客主题而流连忘返,且不说博文质量如何,单看那设计用心,清新自然的博客,便对博主的审美感观频添几分赞许,自然要驻留些时候细细拜读博主的随文,因此风格样式对于博客就好似于地段门面对于酒…

今天鼓捣了一天纯MarkDown书写的博客样式的美化,事实证明图表较多的MarkDown撰写的博文一样可以展现出非常漂亮的效果.为了让纯MarkDown书写的博客有一个干净舒服的阅读体验,我主要针对博客的以下几个方面进行了优化,写出来与大家一起分享一下我的优化经验.因为以前从未接触过CSS,还请各位前辈多多指教! 主题的选择 首先,本博客的主题样式是 LessIsMore.该样式非常简单,符合我们干净利落的目标,也便于我们自定义样式的改造.另一个不错的主题是SimpleMemory,也很漂亮,也…