博客园

感觉博客园比csdn更适合记录一些东西. 来源： https://www.cnblogs.com/chenkai-s/p/12315252.html

美化是不可能美化的了，大佬们教程又详细，功能又全面，哦呦我超喜欢这里的。 本文主要借鉴于 静默虚空 、 sakuraph 博主，感谢。下面就自己使用的美化功能做些记录。 前期准备 选择默认主题ThinkInside，禁用模板默认css,申请JS权限。 页面布局配色美化 此代码放置在页首Html代码中 <!-- 自定制样式文件以及脚本 --> <script src="https://files.cnblogs.com/files/naughoy/cnblog.js"></script> <link rel="stylesheet" href="https://files.cnblogs.com/files/naughoy/cnblog.min.css" /> 以上文件经修改存于博客文件当中，为防止修改可下载放置与自己博客对应位置再修改链接地址即可（对于js文本内容需要修改以下框选的链接地址和博客名） 到此即可实现自动生成文章目录模块，评论区头像显示，快捷操作按钮。 细节配置 小老鼠控件 <!-- 小老鼠游戏控件 --> <div className="sidebarMouse"><object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets

博客园界面美化 作者： @Ryanjie 本文为作者原创，转载请注明出处： https://www.cnblogs.com/Ryanjie/p/9382356.html 阅读目录(Content) 博客园界面美化 0x00. 写在前面 0x01. 博客园后台设置 0x02. 页面定制CSS代码 0x03. 侧边栏公告 0x04. 页首Html代码 0x05. 页脚Html代码 0x06. 博客签名 0x07. 写在最后 回到顶部(go to top) 博客园界面美化 标签： 美化 回到顶部(go to top) 0x00. 写在前面 皮肤作者： @SevenNight 皮肤作者博客： SevenNight 修改人： @Ryanjie 修改人： Ryanjie 前几天无意之中看到了一款特别好看（每个人的眼光都不一样）的博客皮肤“ verdant ”，皮肤的作者是 @SevenNight 。当时感觉这款皮肤很简洁却又不失本色，于是立刻更换了这款皮肤。但是在使用过程中碰到了一些问题。由于之前基本没有学过前端，只好自己动手慢慢钻研。最终，之前一些不能实现的或者是自己想要实现的，都满足了。 在这之前还是先感谢 @SevenNight ，感谢他设计得这款皮肤。我只是在原作者 @SevenNight 的基础上增添了markdown代码高亮、自动生成三级目录、版权声明、markdown代码添加行号

首先感谢林老师给我的代码，嘻嘻！！！ 美化完毕后的效果如下： 章节1 章节1的内容 章节2 章节2的内容 章节3 章节3的内容 章节4 章节4的内容 美化的方法如下： 1. 开通js权限 管理-设置-博客侧边栏公告（支持HTML代码） （支持JS代码） 开通后就会显示（支持js代码） 2.添加css 管理-设置-页面定制CSS代码 粘贴以下的代码 <style type="text/css"> #cnblogs_post_body { color: black; font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif; font-size: 16px; } #cnblogs_post_body h1 { background: #2B6695; 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: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 27px; font-weight: bold; height: 41px; line-height: 37px; margin: 18px

复制以下代码 → 博客后台 → 设置 → 页面定制CSS代码 → 粘贴 #ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {display:none;!important} F12查看源码找到对应的id修改。 ad_t2: 阅读推荐 cnblogs_c1: 推荐下的图片广告 under_post_news: 图片广告后的相关博文 cnblogs_c2: 相关博文后的图片广告 under_post_kb: 最底部的最新新闻 来源： https://www.cnblogs.com/enumx/p/12299476.html

　　emmmm，这周过的好像有点水。。。。。 　　博客园也没有，代码也没有，好好想一些第二阶段需要完成哪些功能吧 　　目前是确认了需要在第二阶段添加上课静音功能，课前提醒功能，所以我需要提前了解一下这些功能所需要的哪些方面的知识 　　学习时间：15小时 　　代码量：200行左右 　　博客园：1篇 来源： https://www.cnblogs.com/heiyang/p/11057866.html

网格背景 body { font-family: “Courier New”,"Bitstream Vera Sans Mono",MONACO,Consolas,"DejaVu Sans Mono",monospace,Arial,sans-serif; margin: 0; background-image: url(//www.cnblogs.com/skins/BlueSky/images/bg.gif); background-repeat: repeat; background-color: #FFFDFA; } 好看的网格背景 body { margin: 0; background-color: #FFFDFA; background-repeat: repeat; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center; } postbody 文章内页网格背景 div

目录 1.前言 2.演示地址 3.效果图 4.相关技术 5.实现功能 6.需要完善和增加的功能 7.流量测试 7.1.PC+Chrome 7.2.手机端 8.完结 前言 　　刚学jQuery.Mobile ，想练手，但是没什么数据，正好自己想在公交上看博客，但是太费流量，自己动手做一个手机版的博客园 利用网页抓取获取的信息，我不是博客园的人工作人员哦，所以这不是官方的版本，类似登录回复评论功能肯定是没有的，只供查询 只是自己的兴趣，虽然不是什么很高深的技术，呵呵，好吧，先来看看效果 演示地址 　　本人买的学生专用空间，可能不是很稳定，反正也是自己用 　　PC地址： http://www.5imvc.com/home/phone 　　手机端： http://www.5imvc.com/phone 　　用手机扫扫看博客 　　 效果图 相关技术 　　MVC 4 + jQuery.Mobile 　　网页抓取：HtmlAgilityPack ，相关文章： http://www.cnblogs.com/linfei721/archive/2013/05/08/3066697.html 　　Jquery模板 : JsRender, 相关文章： http://www.cnblogs.com/linfei721/archive/2013/05/25/3098897.html 实现功能 　　1

说明 在介绍具体的操作步骤之前，需要说明以下几点： 使用的是tctip打赏插件，链接地址： https://github.com/greedying/tctip 使用打赏插件必须要申请JS使用权限 操作步骤 1 准备工作： 准备支付宝和微信的二维码，最好转换成bmp格式的图片，下载好前面提到的打赏插件。 2 上传文件： 进入自己的博客园，然后进入 管理--->文件，在这里上传自己第1步中准备好的二维码图片和打赏插件。 3 复制并根据自己的博客修改如下代码： <script src="https://blog-static.cnblogs.com/files/mlgjb/tctip-1.0.3.min.js"></script>//修改1 <script> new tctip({ top: '20%', button: { id: 9, type: 'dashang', }, list: [ { type: 'alipay', qrImg: 'https://files.cnblogs.com/files/mlgjb/zfb.bmp' //修改2 }, { type: 'wechat', qrImg: 'https://files.cnblogs.com/files/mlgjb/wx.bmp' //修改3 }, { type: 'bitcoin', qrContent:

1.首先准备好自己微信和支付宝收款的二维码图片，注意，图片需要修改为bmp结尾的格式，如，alipay.bmp，wechat.bmp。 2.进入自己的博客园，然后进入 管理--->文件，在这里上传自己第1步中准备好的二维码图片。 3.复制下面的js代码 1 <script> 2 window.tctipConfig = { 3 staticPrefix: "https://static.tctip.com", 4 buttonImageId: 2, 5 buttonTip: "dashang", 6 list:{ 7 alipay: { qrimg: "https://files.cnblogs.com/files/clovershell/alipay.bmp"}, 8 weixin: { qrimg: "https://files.cnblogs.com/files/clovershell/wechat.bmp"}, 9 } 10 }; 11 </script> 12 <script src="https://static.tctip.com/js/tctip.min.js"></script> 4.修改js代码第7行和第8行，如下 7 alipay: {qrimg: "http://files.cnblogs.com/files/自己的博客地址名/支付宝图片的名子.bmp"},