抱歉，博客园已停更
本人已经不再从事相关编程职位，时间及水平有限没法深入研究.，故停止更新.... 来源： https://www.cnblogs.com/hoodiearon/p/10924909.html
博客园
博客园使用iframe标签添加网易云音乐外链
一，单使用一首歌做背景音乐的外链 打开网易云音乐找到自己喜欢的一首歌，点进去要“生成外链播放器”的字样，如下图： 之后会跳到另一个页面复制里面的内容 之后打开博客园设置里面粘贴刚才复制过来的代码 这里有一点需要声明一下博客园好像是不能使用iframe标签的,所以必须把他改成embed标签。同时别忘了把你复制过来地址里面添上“https"，因为刚刚复制过来的是时候是没有的 之后就是成果了。 由于我是放在侧边栏的所以显示是在侧边栏。这个是自动播放的。当然如果要不显示也可以通过样式把这个隐藏掉，只显示声音就好了。 来源： https://www.cnblogs.com/yohe/p/12196185.html
博客园添加访客人数
无意中看到有这个访问量的统计，觉得挺好玩的，我们现在就来添加一个吧： 1. 先到 http://www.amazingcounters.com/sign-up.php 这个地址去申请一个帐户，申请时填写好自己的资料，比如 你的统计风格样式、要统计的地址、要统计的类型，是浏览量(PV) 还是 访客数(UV)，或者你也可以2个都统计；这些统计数据都是可以任意修改的哟，不过我们最好还是以真实的访问量为主吧； 2. 在上述网站的"Get HTML Code See Statistics"菜单中找到需要添加的HtmLCOde； 3. 进入博客园后台管理- > "设置" 选项，在公告编辑栏中添加你的HtmlCode，比如我的是： 访问人数：<div align="left"><img border="0" src="http://cc.amazingcounters.com/counter.php?i=***&c=***" alt="UV" title="访问人数"><br></div> 总访问量：<div align="left"><img border="0" src="http://cc.amazingcounters.com/counter.php?i=***&c=***" alt="PV" title="总访问量"><br></div> 保存之后就大功告成了。 我的效果如下： 哈哈哈
公告
由于个人博客已搭建完成，以后很少在博客园发布文章了，渐渐的也会将文章都迁移过去，我在博客园当前使用的这个皮肤我也会找时间开源的，毕竟最近忙的事情比较多，一点一点来。最后附上个人博客地址： https://zouwang.vip/ 来源： https://www.cnblogs.com/zouwangblog/p/11453650.html
博客园优化
不同的博客园主题 阅读式 清新式 二次元式 看板娘 去 网站下载 把live2d.js waifu-tips.js waifu.css 这三个文件传到博客园文件上 最后在博客园设置里配置以下代码即可，放html框即可 最后别忘了修改文件的地址，改成自己上传的文件的地址哦 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Live2D</title> <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/Emcikem/waifu.css"/> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> </head> <body> <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/Emcikem/waifu.css"> <div class="waifu"
博客园美化
首先，需要在博客园里申请JS权限，成功后会在博客侧边栏公告那行看到有支持JS代码的一句话 现在开始美化博客 首先，个人认为darkgreentrip比较好看，不太暗，也不刺眼，所以下面一段页面定制代码是针对darkgreentrip的，喜欢其他主体也可以照这个代码改 function() { function n(n, e, t) { return n.getAttribute(e) || t } function e(n) { return document.getElementsByTagName(n) } function t() { var t = e("script"), o = t.length, i = t[o - 1]; return { l: o, z: n(i, "zIndex", -1), o: n(i, "opacity", .5), c: n(i, "color", "0,0,0"), n: n(i, "count", 99) } } function o() { a = m.width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, c = m.height = window.innerHeight || document
博客园的样式
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: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 23px; font-weight: bold; height: 25px; line-height: 25px; margin: 18px 0 !important; padding: 8px 0 5px 5px; text-shadow: 2px 2px 3px #222222; } cnblogs_post_body h2 { background: #006699; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba
博客园图片添加fancybox3预览效果
实现方法 参考链接：https://www.cnblogs.com/mafeifan/p/5084405.html 由于原博文js链接失效，且是基于fancybox2，所以我根据fancybox3稍作修改，效果还不错。 效果预览： 页首 HTML 代码 <!--fancybox--> <link href="//cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.css" rel="stylesheet"> 页脚 HTML 代码 <!--fancybox--> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="//cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.js"></script> <script type="text/javascript" src="https://files.cnblogs.com/files/yaohunzhanyue/usefancybox.js"></script> 存在问题 Q:fancybox为什么放大按钮点击不了？ A:官方示例是a链接里的href填大图url
本周学习小结（13/01 - 19/01）
LeetCode 本周无进展。需要及时复习。 学习笔记之LeetCode - 浩然119 - 博客园 https://www.cnblogs.com/pegasus923/p/5528520.html Explore - LeetCode - Design https://leetcode.com/explore/interview/card/top-interview-questions-medium/112/design/ Explore - LeetCode - Math https://leetcode.com/explore/interview/card/top-interview-questions-medium/113/math/ 学习笔记之Problem Solving with Algorithms and Data Structures using Python - 浩然119 - 博客园 https://www.cnblogs.com/pegasus923/p/10454395.html C++ / Database / Git / Linux / Python / MISC 本周有进展。 学习笔记之C / C++ - 浩然119 - 博客园 https://www.cnblogs.com/pegasus923/p/10437163.html
分享一个博客园皮肤制作脚手架
前言 最近本着新年新气象的想法，想换套新的博客园皮肤。 之前自己做了一套制作皮肤的解决方案，这是当时分享皮肤以及解决方案的博客： 分享一款博客园皮肤及其解决方案 。 不过在制作新的皮肤过程中，使用这个解决方案时还是遇到了很多问题。 而为了更方便地制作新皮肤，就升级了原先的解决方案，搭建了这套博客园皮肤制作脚手架。 项目地址已从github换到了码云： https://gitee.com/vvjiang/cnblogs-skin 。 具体的使用方式项目文档有介绍，这里就不赘述了，接下来主要是讲脚手架解决了什么问题以及解决方法。 原先的方案以及遇到的问题 原先的解决方案其实很简单，将css写在不同的less文件中，然后用 webpack-dev-server 保证本地开发。 在需要build最终的css时，通过 mini-css-extract-plugin 提取样式到最终的css文件中。 自定义js部分，就是一个单独的文件，在开发环境下通过引用这个文件来处理，构建时不需要这个文件，直接复制粘贴到博客园后台即可。 现在说一说原有方案遇到的一些问题： 没有压缩css和js。早期时还好，但是到了后面功能变多，js和css文件体积在逐渐膨胀。 博客园的脚本功能，实际上是通过script元素包裹的html元素，而且有的功能需要自己的html元素