优快云博客页面内插入代码演示的教程

最新推荐文章于 2023-10-18 00:06:16 发布
原创 最新推荐文章于 2023-10-18 00:06:16 发布 · 908 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#代码演示 #前端开发 #博客

本文介绍如何在优快云博客中使用Markdown编辑模式嵌入代码演示，并通过jsrun平台实现实时运行效果，让读者能直接看到代码运行结果。

首先来个例子

width="100%" height="300" src="//jsrun.net/dzgKp/embedded/all/light/" allowfullscreen="allowfullscreen">

再来个过程

这个是在优快云的博客实现的，直接以iframe 模式嵌入。嵌入用的是jsrun这个平台的链接，属于国内平台，相对jsfiddle 更加稳定。
想要在优快云嵌入代码，首先必须使用MarkDown模式编辑，用普通的HTML模式编辑是做不到的。
下面是设置步骤：
1、
第一步
2、
这里写图片描述
3、
这里写图片描述
4、
这里写图片描述

按照这个步骤启动了设置之后，就可以愉快的在优快云上面用Markdown来编辑博客了，当然也就可以插入代码演示了。
(oﾟ▽ﾟ)o ヾ(ﾟ∀ﾟゞ)

[网络安全自学篇] 十八.XSS跨站脚本攻击原理及代码攻防演示（一）
杨秀璋的专栏
10-12 2万+
这是作者的系列网络安全自学教程，主要是关于网安工具和实践操作的在线笔记，特分享出来与博友共勉，希望您们喜欢，一起进步。前文分享了Python弱口令攻击、自定义字典生成，并构建了Web目录扫描器；本文将详细讲解XSS跨站脚本攻击，从原理、示例、危害到三种常见类型（反射型、存储型、DOM型），并结合代码示例进行详细讲解，最后分享了如何预防XSS攻击。本文参考了爱春秋ADO老师的课程内容，这里也推荐大家观看他Bilibili和ichunqiu的课程，同时也结合了作者之前的编程经验进行讲解。
优快云中插入代码块
qq_40186106的博客
04-03 4235
步骤一：选择工具栏中的“插入代码”，并且选择所插入的语言。步骤二：将代码粘贴到如上图所示的代码框中。步骤三：点击确定，即出现：最后，可能有些初用优快云的同学会有疑问：为什么插入的代码没有颜色区分和我们看到别人博客的代码那样好看的排版呐？可能以为需要设置一些东西。其实，只要发布了博客之后就会自动出现你之前看到别人博客的那种好看的代码呈现啦！像下面这样：# Package imports impor...
优快云插入代码
我知道你很急,但是路要一步步走
08-14 475
1.点击插入代码图标 2.选择插入代码的语言 3.预览图
插入排序(动图演示,思路详解,代码展示)
wenjiahui123的博客
11-04 1110
全过程动图演示,一趟排序动图演示,与生活中例子结合,代码思路详解,代码展示,测试样例
页面添加演示代码
weixin_30865427的博客
02-12 165
<html><head><title>ccc</title></head><body><p> <textarea name="p" cols="75" rows="15" id="p" onFocus="this.select()"> 可以将演示代码放在此处-------* </textarea...
csdn插入代码的方法
wsh6759的CGIS专栏
04-04 1401
csdn插入代码的方法   插入代码的方法： 上面剪头指向的地方，点击一下变成这样——> [code=C/C++][/code] 然后将他们分开成如下格式： 效果如下： C/C++ code //你的源码 int main() { return 0; } 这样的话你的代码就会很好的显示了。 Loaden 编辑：帖图的方法 首先
优快云-markdown模板-网页文件
11-29
在标签中，"csdn"指的是优快云社区，"markdown"是本文档格式的主题，"example"则表明这是一个示例，可能是为了教学或演示目的。 关于Markdown的常用语法，主要包括以下几点： 1. **标题**：使用"#"号来设定不同级别...
【django学习】——Django介绍和实战（开发简易版博客网页）
python_AI_fans的博客
12-27 8179
【django学习】——Django介绍和实战（开发简易版博客网页）
手机端怎么写csdn博客
最新发布
10-30
嗯，用户现在想了解在手机端撰写优快云博客的方法。结合之前的对话历史，用户已经知道在电脑端用Jupyter Notebook和离线撰写的方式，现在需要移动端的解决方案。 用户提供的四个引用中，[1]和[4]是内容范例，[2]展示...
小程序点击事件插入激励视频广告实例
11-17
这种广告形式允许用户在观看一段短视频后获得某种奖励，如额外的游戏生命、虚拟货币或应用内的特权。它通常出现在关键的交互点，如游戏关卡结束或完成特定任务后。 要实现这个功能，我们需要以下步骤： 1. **注册...
一个完整的个人博客的html源代码
05-17
这是由asp制作的网页博客，总的来说还是挺满意的
csdn 博客中实现运行代码功能实现
09-05
有时候因为csdn的博客经常处理一些字符，导致代码很多情况下，都不能正常运行，给大家的阅读带来了麻烦，下面是脚本之家编辑简单的整理下。
如何在优快云中正确插入代码块
GxySkywalker的博客
10-18 1413
【代码】如何在优快云中正确插入代码块。
优快云插入代码片段?
九加十一的博客
11-22 575
优快云插入代码片段  点击头部选择栏：代码块即可插入代码片段（注意在博客创作中心–设置–博客设置，可设置编写文档工具：Markdown编辑器和富文本编辑器两总都大同小异推荐Markdown编辑器） ...
优快云博客的插入代码功能
Salvare的博客
08-10 709
之前用的很蛋疼，经常编辑的时候没事，阅读时多出很多HTML代码，什么的。 后来发现，插入代码时，只粘贴，粘贴后不要在代码块内做任何修改，就不会有问题。 插入代码功能 能针对多种语言，对代码做类似编辑器的高亮处理，很方便阅读，还是很有用的。
如何在优快云中插入代码
积跬步，成千里。
03-06 694
大概效果是这样。private static final String TAG = "uploadImage"; private static String requestURL = "http://192.168.1.14:8080/SetBlobData/imgup"; private Button selectImage,uploadImage; private Im...
写给菜鸟：发优快云博文常见问题处理
weixin_30708329的博客
10-06 896
　　优快云上发博文，尤其是有代码的，要用好“插入代码”功能（见下图）。这是必须的，未来的IT程序员，需要用这种方式，展示出自己的代码。这是尊重读者，树立品牌的需要。　　　　相关方法，参考见视频《发布第一个C++上机报告》和博文《搬家到优快云的同学要用好一个好功能》。　　不过这样一来，也带来了一些麻烦，用不好这些功能，会将页面搞得乱七八糟，尤其对刚开始学习程序设计的菜鸟。本文将就常见的问题，...
关于如何在csdn中插入代码
John的博客
01-15 7695
步骤一：找到你需要插入代码的地方，然后选择下图中的按钮 步骤二：复制你的代码到文本框中 步骤三：保存查看（效果如下图） 本人初次在csdn写博遇到的问题整理，希望对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值