博客园

天道请凑 来源： https://www.cnblogs.com/fghfg/p/12394782.html

用node爬虫来帮自己统计,随笔数不限， 请看这里 我真的是闲的无聊了。。。，前提是你写的随笔总数少于等于40条。 0.在选项里设置一页显示40条随笔 1，打开自己的随笔列表：https://i.cnblogs.com/posts 2，在当前页面f12打开浏览器控制台 3，粘贴进去以下代码 var trs=document.querySelectorAll('#post_list tr td:nth-child(4)')//取得阅读量 atrs=Array.from?Array.from(trs):Array.prototype.slice.call(trs);//类数组对象转化成数组 var nArr=atrs.map(function(i) {return parseInt(i.innerHTML)});//转化成数值数组 nArr.reduce(function(p,c){return p+c});//数组求和 我的阅读量：425 羞涩表情 更新 2017-5-23 10571 更新 2018-6-24 排名进到10000了(9991)，mohiahiahia 更新 2018-12-13 排名进到7000了(7001) 更新 2019-04-12 排名进到6000了(5956),距离上次正好5个月 更新 2019-05-10 有了阅读量破万的博客 更新 2019-12-12

很高兴能认识你，可能你现在不认识我，但你读了我的文章后会记住我的，我叫田诗艺，性格很开朗，喜欢看书，品茶以及结交朋友等等 朋友推荐我来博客园交朋友，说这里的人都比较有意思，希望能和大家相处愉快，当然我有自己的网站，欢迎大家前来做客，建立这个博客一是想和大家交流学习养生、品茶，红酒，当然最主要的还是按摩以及按摩器知识，因为这方面我比较擅长。私下却特别喜欢品茶和红酒，希望能结交到高手啊 诗艺一直从事按摩器工作多年，自己也有个个人独立博客，今天还是想在博客园弄一个博客，这样以来又多了一个平台让我和大家一起分享一些按摩器方面的经验。我的个人独立博客地址是： http://www.yaoqs.net 。这个博客搭建起来之后，我也会把自己个人博客的文章同时也更新在这个博客的里面。 看网上玩博客园博客，微博的朋友比较多，这里也是大家交流的聚集地，从今天开始，我会陆续更新关于按摩器相关知识供大家分享，也希望大家能够真诚交流，更是希望大家能和我分享些红酒和品茶知识，愿意拜师学艺 田诗艺博客 会一直专注于帮广大在外辛勤工作的朋友们分享按摩器的一些知识，怎样健康按摩方面的知识。也欢迎大家真心交流，我一定会用心帮助大家。 希望我们能成为朋友！再次欢迎大家来我的博客做客交流：http://www.yaoqs.net/☺ 来源： https://www.cnblogs.com/tianshiyi

自从上大学开始混迹网络开始，就梦想着有一个属于自己的角落，期间在新浪博客、网易博客、校内、QQ空间、EDN China、CSDN等等不记得有多少个地方留下过痕迹。可惜，没有一个地方是坚持待下去的，也许是周围没有人讨论，也许是自己太封闭，我一度以为博客就是这个样子的：在新浪或网易等网站注册一下，然后发表一些日志，浏览一下模板（可笑的是，这个动作占用了很大一部分时间）。 一直到上学期，忽然接触到独立博客这个东西，顿时像发现了新大陆一样心花怒放。于是花了10几块钱从godaddy上购买了域名，在华语迅通上购买了虚拟空间，把wordpress装上，就把个人博客上线了。在此之前，主要的技术性总结都是写在EDN博客上的，于是就两边同步更新。按理说，有了独立博客，就圆了自己一个在因特网上安一个窝的愿望了，可是时间过了没多久，就觉得厌倦了。因为我发觉自己总把大把的时间花在安装测试各种主题、插件上了，在刚接触的时候，确实能学到很多以前没有接触到的东西，譬如PHP、数据库、空间、域名、ftp上传等等，但当新鲜劲一过，就发现一切变得索然无味了。于是我总结，写博客，重要的是内容，而不是一个个性域名的光鲜。在此期间接触到博客园，顿时觉得这才是一个程序员的博客应该是的样子。又自然而然的转移到了博客园门下，那个独立博客的空间荒废了几个月。人心善变，我却连自己下一刻会想什么都不知道，在博客园待了一段时间后

一、首先将下面的代码放置在设置中的 “页脚HTML” <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css"> <script src="https://files.cnblogs.com/files/wkfvawl/APlayer.min.js"></script> <div id="aplayer" class="aplayer" data-id="3025663508" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div> <script src="https://unpkg.com/meting@1.2/dist/Meting.min.``js"></script> 二、在网易云找到data-id 但是现在应该不能直接生成了 但肯定是有办法的啦！ ↓↓↓ 这里我使用的是谷歌浏览器 1、直接F12 2、Ctrl+f 搜索outchain会看到类似data-href="/outchain/03087333656/" 双击复制

文章有一个好的排版，将能够增加阅读者对其内容的兴趣。本文总结了如何美化博客园中文章的部分显示样式。美化文章标题的显示样式、增添LaTex数学公式的显示、目录索引的显示、添加文章末尾的固定信息。 0 获取权限 首先，在自定一个博客样式之前，我们需要进入博客园自定义博客模板的页面，向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】，点击页面上的js权限申请，然后填写申请的理由，耐心等几分钟，再刷新一下，页面就会显示 支持js代码 。 1 美化文章标题 在【博客设置】页面中的【页面定制css代码】框中输入下面的css代码即可完成文章标题的美化的。 #cnblogs_post_body { color: black; font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif; font-size: 15px; } #cnblogs_post_body h1 { background: #333366; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体"

我使用wiz笔记来发布博客到博客园，在wiz中是使用百度编辑器（UEditor）来格式化代码部分。UEditor和博客园都是使用SyntaxHighlighter来高亮代码，不过可能是因为博客园的SyntaxHighlighter版本太旧了，代码的着色有些问题： UEditor中的效果： 博客园中的效果： 可以看出两者还是相差蛮多的，博客园的效果明显比较丑。 本来是觉得估计是没法改了，因为博客园使用的SyntaxHighlighter是存放在他的服务器中的，我们又没法修改。。。 不过仔细看博客园的博客后台会发现我们可以定制的部分还是蛮多的： 在文件栏中可以上传文件，最多可以传100MB，每个上传的文件有一个对应的网址可以访问。 在设置栏中，可以：定制自己的CSS，可以在侧边栏，页首和页脚中添加HTML代码！这些就足够我们改善代码的着色了。 具体步骤如下： 1.下载SyntaxHighlighter( http://alexgorbatchev.com/SyntaxHighlighter/ )，将shCoreDefault.css和shThemeDefault.css上传到你的博客 2.在设置中的页首Html代码中添加如下代码： 1 2 < link type = "text/css" rel = "stylesheet" href = " http://files.cnblogs

　　By wenzi FROM cnblogs 　　本文地址： http://www.cnblogs.com/xumengxuan/p/3980376.html 　　博客园默认显示代码的风格有点丑，于是就想着能不能使用sublime text3的代码高亮，因为本人使用sublime text3编辑C, js, php, html等时，代码高亮的颜色都是本人比较喜欢的。于是就搜到了大神 【 刘哇勇 】 的博客，按照大神的博客，确实是能设置成功了。 　　不过设置完成以后，感觉代码的字体和行间距有些不美观。既然都到这一步了，咱们就自己动手，丰衣足食。于是本人首先在div.highlight里设置{font-family:consolas, courier new; line-height: 18px;}时，代码的行间距变了，但是字体没变，然后在div.hightlight的子节点pre里设置{font-family:consolas, courier new; line-height: 18px;}，保存后，查看源代码发现pre里没有刚才设置的属性。 #include "stdio.h" #include "math.h" #include "string.h" #include "stdlib.h" // font-family:consolas, courier new; line

　　周末，我们对博客园首页进行了优化，将其中的一些心得与大家分享。 　　 背景图片的优化 　　博客园首页主导航的背景图片之前存在这样的问题：在IE和Chrome中第一次打开页面时，背景图片加载延迟比较明显，如果刷新页面，背景图片所在位置会闪一下，即使图片是304状态（在FireFox中未出现这样问题，可能是FireFox加载背景图片的机制不同）。由于导航文字用的是淡灰色(#EEEEEE)，在没有背景图片的白色背景色下看起来很不舒服。 　　开始我们使用两种优化方法，并没有产生效果。 　　1. 背景图片的预加载 <script type="text/javascript">jQuery.preloadImages = function() { for (var i = 0; i < arguments.length; i++) { jQuery("<img>").attr("src", arguments[i]); } }var staticImgUrl ="http://static.cnblogs.com/images/";$.preloadImages(staticImgUrl + "bg_menu_nav.png");</script> 　　参考文章： 了解jQuery技巧来提高你的代码 　　2. 背景图片的压缩 　　所用工具： Pngcrush 　　操作命令：pngcrush

博客园的markdown模式下的代码高亮功能使用的是 highlight.js ，没有行号和显示相应编程语言的功能，只好自己将其改造了一下(将这两种功能一并实现了)~ 先看一下效果，再详细介绍方法~ 查看博客园markdown所使用的代码高亮插件 先找到一篇markdown模式下写的文章，然后打开Chrome，依次使用 F12 -> network -> filter ".js"，可知 代码高亮插件是 highlight.js . 同理可知博客园文章编辑器 TinyMCE 模式(即 富文本编辑模式)下使用的是 SyntaxHighlighter 插件. 尝试了很多方法，最后选择了开源的插件 highlightjs-line-numbers.js ，其原理是生成一个新的 table ，增加 tr 、 td 标签, 并设置 border 为 none 。 该插件官方文档中提到的方法为: <script src="//cdn.jsdelivr.net/npm/highlightjs-line-numbers.js@2.6.0/dist/highlightjs-line-numbers.min.js"></script> <script> hljs.initHighlightingOnLoad(); hljs.initLineNumbersOnLoad(); <script>