原文:为博客园文章中插入的代码片段加一个运行按钮

博客园里大家都分享了很多的有用知识,看到好的代码,总想拿到手上去试一下,然后慢慢体会 如果是展示一段完整能运行的代码,若能给读者提供一个 运行代码 的按钮,就方便多了 前两天开通了博客园的JS权限 发邮件到contact cnblogs.com可以申请开通 ,今天先拿这个试了一下手,先来体验一把吧: 点右上方的按钮试试看吧 没错,在一个新窗口中正确的显示了Hello, world 下面来说一下实现 ...

2017-04-16 19:18 6 1223 推荐指数:

查看详情

如何修改博客园插入代码代码风格?(一个博客园代码高亮的方案)

一、前言 博客园虽然可定制度高,但在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯CSS实现,不需要JS权限。 二、关于博客园插入代码 本章节只针对博客园的TinyMce编辑器 ...

Thu Aug 08 01:01:00 CST 2019 0 460
如何在博客园插入代码

设置默认编辑器为推荐编辑器 之前用的是markdown,一插入代码格式就变乱,而系统推荐默认的编辑器自带富文本编辑器,常用的有js,html 图片上传等各种。 点击<> 会弹出格式。 进行编辑就好了。 ...

Sun May 05 23:37:00 CST 2019 0 1205
如何在博客园文章/随笔添加可运行的js代码

  在博客园浏览大牛们写的文章时,经常会看到在文章混有一些可运行示例,例如司徒正美的博客: 带有可运行示例 可以点击“运行代码”   经过一番小小的探索,掌握了这种写博技巧,希望大家也借鉴大牛们的写法,让我们的博客更有表现力 ...

Wed Aug 14 07:55:00 CST 2013 15 3967
博客园文章插入图片

博客园文章插入图片的方法 将图片从本地上传至账户的相册 点击图片,查看原图 右键图片,复制图片(注:不是复制图片地址) 在 markdown 文件插入此链接。 ...

Thu Jan 30 00:52:00 CST 2020 0 898
博客园美化插入代码css

最近有几个博客园的朋友们私信问我怎么设置代码颜色字体的,干脆整理一下。 博客园博客的TinyMCE编辑器下添加代码有两种方式,我平时用的是第二种,就是代码背景是一行灰一行白的,行号和代码之间有一条绿色竖线的这种。 首先,字体大小我选择16px ...

Sun Aug 21 03:02:00 CST 2016 6 2812
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM