2023年6月25日

修改博客园代码块高亮主题

摘要: 博客园(默认编辑器设置为Markdowm)是使用heightlight.js进行代码块高亮的。 因此可以通过下载heightlight.js官网的主题css修改博客园中的代码块高亮颜色。 修改方法: 进入heightlight.js官网, 点击demo页面预览, 查看主题效果 在下载页面选择需要的语 阅读全文

posted @ 2023-06-25 17:05 jack_Meng 阅读(64) 评论(0) 推荐(0) 编辑

博客园为代码块添加复制功能

摘要: 下载文件 实现该功能要用到两个js文件,分别是 https://blog-static.cnblogs.com/files/mg007/clipboard.min.js https://blog-static.cnblogs.com/files/mg007/cp.js 可以直接引用,但最好还是下载下 阅读全文

posted @ 2023-06-25 16:54 jack_Meng 阅读(142) 评论(0) 推荐(0) 编辑

Silence - 博客园主题美化--部署

摘要: 部署文档 操作之前请先确保您的博客园账号已正常登陆并且已经成功申请开通了 JS 权限。 主题下载 点击 下载 本主题最新版本源码包,下载完毕后,使用解压工具解压并进入解压后目录,其结构大致如下所示: │ .babelrc │ .gitignore │ LICENSE │ package-lock.j 阅读全文

posted @ 2023-06-25 16:53 jack_Meng 阅读(67) 评论(0) 推荐(0) 编辑

博客园美化教程大集合

摘要: 个人博客转移至:https://sunhwee.com,第一时间会先发在前者,有时间再更新至博客园。 阅读目录: 1. 前言 2. 定制自己的博客 00. 美化整体效果 01. 准备工作 02. 自定义个性化导航栏 03. 添加顶部博主信息 04. 添加顶部滚动公告 05. 为博客文章添加目录导航 阅读全文

posted @ 2023-06-25 15:50 jack_Meng 阅读(299) 评论(0) 推荐(0) 编辑

自定义博客侧边栏公告

摘要: 插入时钟:http://www.blogclock.cn/插入访客来源:http://s11.flagcounter.com/more/Fe64/插入总访客数:http://www.amazingcounters.com/插入QQ通讯组件:https://connect.qq.com/intro/w 阅读全文

posted @ 2023-06-25 15:35 jack_Meng 阅读(46) 评论(0) 推荐(0) 编辑

给自己的博客上添加个flash宠物插件

摘要: 前言 最近在一些博主的博客上看到一些小宠物的挂件,很有趣,访客到了网站后可以耍耍小宠物,增加网站的趣味性,在功能强大的博客系统上看到有这样的小宠物挂件还是蛮有趣的。 正文 下面就简单介绍下如何在博客园的博客中添加这些可爱的flash动物插件。 1.由于这些可爱的 flash 小宠物来自一个国外大神的 阅读全文

posted @ 2023-06-25 15:12 jack_Meng 阅读(115) 评论(0) 推荐(0) 编辑

公告栏添加时钟——利用canvas画出一个时钟

摘要: 前言 最近在学习HTML5标签,学到Canvas,觉得很有趣。便在慕课网找了个demo练手。就是Canvas时钟。 对于canvas,w3shcool上是这么描述的: HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。 不过,<canvas> 元素本身并没有绘 阅读全文

posted @ 2023-06-25 15:03 jack_Meng 阅读(70) 评论(0) 推荐(0) 编辑

博客园下拉小猫特效

摘要: 博客园下拉小猫特效 样式效果 点击小猫之后会回到网页顶部 使用方法 1.在自己的博客园中找到管理->设置页面 2.在页首 HTML 代码中插入 <!-- 悬挂的喵 --> <script type="text/javascript" src="https://blog-static.cnblogs. 阅读全文

posted @ 2023-06-25 14:38 jack_Meng 阅读(124) 评论(0) 推荐(0) 编辑

自定义博客园---返回顶部

摘要: 效果就是在页面最右下角的地方有一个小火箭队图标,如下图: 在博客园的设置中,在页首HTML代码中添加如下: <style> #back-top { position: fixed; bottom: 10px; right: 5px; z-index: 99; } #back-top span { w 阅读全文

posted @ 2023-06-25 13:53 jack_Meng 阅读(21) 评论(0) 推荐(0) 编辑

导航