CSDN博文中的代码块放置

梦幻精灵_cq

已于 2024-04-25 00:10:05 修改

阅读量748

点赞数 11

分类专栏：笔记文章标签： python 学习

于 2024-04-24 17:40:24 首次发布

本文链接：https://blog.csdn.net/m0_57158496/article/details/138154044

版权

笔记专栏收录该内容

215 篇文章 9 订阅

订阅专栏

三种方式实现，CSDN文章中代码文本的标准放置，方便阅读者copy，让代码更易于传播。

(笔记模板由python脚本于2024年04月23日 18:55:43创建，本篇笔记适合喜欢在CSDN分享文章，意欲做得更好的coder翻阅)

【学习的细节是欢悦的历程】

Python 官网：https://www.python.org/
Free：大咖免费“圣经”教程《 python 完全自学教程》，不仅仅是基础那么简单……
地址：https://lqpybook.readthedocs.io/

自学并不是什么神秘的东西，一个人一辈子自学的时间总是比在学校学习的时间长，没有老师的时候总是比有老师的时候多。
—— 华罗庚

My CSDN主页、My HOT博、My Python 学习个人备忘录
好文力荐、老齐教室

三种方式实现 CSDN中的代码放置 (文章中代码文本的标准放置)

本文质量分：

【 $97$ 】
本文地址： https://blog.csdn.net/m0_57158496/article/details/138154044

CSDN质量分查询入口：http://www.csdn.net/qc

目录

◆ CSDN中的代码放置
- 1、写作缘起
- 2、CSDN代码容器
- - 2.1 反引号
  - 2.2 波浪号
  - 2.3 pre标签
  - 2.4 高亮风格显示代码
- 3、结语

◆ CSDN中的代码放置

1、写作缘起

在 $C S D N$ 经常看到有些页面的代码块被直接穿插在文本中，阅读体验不好不说还不易 $c o p y$ 。csdn提供了代码片“容器”，如果指明语言，csdn会用该语言的高亮风格显示，阅读代码就像在其 $I D E$ 中一样舒爽，还易于“复制”——阅读者只需光标停留在代码块上，就会弹出“复制”菜单，点击即可将代码复制到系统剪贴板，极为方便。

下面，我就来聊聊我所晓得的三种 $C S D N$ 代码片放置方式。

回页目录

2、CSDN代码容器

可以在csdn上应用的“代码容器”，我晓得的有三种实现方式。

2.1 反引号

三个反引号字符成对使用，CSDN问答社区回答“内容编辑器”富文本默认代码片放置工具。_{(反引号字符，是标准PC键盘最左上角那个键位上排的那个符号)}

csdn博文编辑器语法示例截屏图片

截屏图片中的内容效果：

下面展示一些 内联代码片。

// A code block
var foo = 'bar';

// An highlighted block
var foo = 'bar';

CSDN问答社区回答文本编辑器的代码片工具

只需将要贴的代码放置在蓝色光标处就好了。

单行代码，可以直接使用单个`字符对，如：name = 'DreamElf_cq'
这个用法在csdn问答社区不被支持，在博文笔记文章是可以支持的，单个反引号字符对中包裹的字符内容以红色小字体解析显示_{(背景浅红字体红色)}。如下截屏图片：

上文截屏图片

截图中的红色小字符串，即是单个“反引号对”作用csdn博文文本效果。

回页目录

2.2 波浪号

三个波浪号~~~字符成对使用，CSDN博文编辑器可以像反引号一样适用MarkDown语法来构造“代码容器”。


name = 'DreamElf_cq'

# 中文星期几 #
myWeekday = lambda x: f"星期{dict(zip('0123456', '一二三四五六日')).get(str(weekday(*x)))}" # 单行匿名函数lambda定义自己的中文字符星期几。

def tipRuning():
    ''' “程序正在运算……”提示函数 '''
    from time import time
    k = int(str(time())[-2:])%27
    print(' '*40, end='\r')
    print(f"{' '*k}{'程序正在运算……'}", end='\r')

回页目录

2.3 pre标签

pre标签对(<pre>pre标签对</pre>)，网页浏览器默认“代码容器”。

def strDate():
    ''' 字符串格式化当前日期时间 '''
    from time import localtime
    t = localtime()[:6]
    return f" {t[0]}年{t[1]:0>2}月{t[2]:0>2}日 {t[3]:0>2}:{t[4]:0>2}:{t[5]:0>2} "

回页目录

2.4 高亮风格显示代码

可以在前一个三个反引号或者波浪号后紧跟代码语言名称标明语言，CSDN就能以使用对应的语言风格显示代码；pre标签不可以显示编程语言的个性化代码高亮风格样式，只能以页面设定的pre标签样式风格显示。

下面以目前主流编程语言(排名不分先后)规范打印“九九表”的代码为例，看看csdn高亮风格显示代码效果：

Python


# 打印九九乘法表
for i in range(1, 10):  # 外层循环，控制行数，从1到9
    for j in range(1, i+1):  # 内层循环，控制每行显示的列数，从1到当前行号i
        print(f"{j}x{i}={i*j}", end='\t')  # 打印乘法表的一项，并使用制表符分隔
    print()  # 每打印完一行后换行

代码运行效果截屏图片


#include <stdio.h>

int main() {
    int i, j;
    for(i = 1; i <= 9; i++) { // 外层循环，控制行数，从1到9
        for(j = 1; j <= i; j++) { // 内层循环，控制每行显示的列数，从1到当前行号i
            printf("%d*%d=%d\t", j, i, i*j); // 打印乘法表的一项，并使用制表符分隔
        }
        printf("\n"); // 每打印完一行后换行
    }
    return 0;
}

C++


#include <iostream>

int main() {
    for (int i = 1; i <= 9; ++i) { // 外层循环，控制行数，从1到9
        for (int j = 1; j <= i; ++j) { // 内层循环，控制每行显示的列数，从1到当前行号i
            std::cout << j << "x" << i << "=" << i * j << "\t"; // 打印乘法表的一项，并使用制表符分隔
        }
        std::cout << std::endl; // 每打印完一行后换行
    }
    return 0;
}

Java


public class MultiplicationTable {
    public static void main(String[] args) {
        for (int i = 1; i <= 9; i++) { // 外层循环，控制行数，从1到9
            for (int j = 1; j <= i; j++) { // 内层循环，控制每行显示的列数，从1到当前行号i
                System.out.print(j + "x" + i + "=" + (i * j) + "\t"); // 打印乘法表的一项，并使用制表符分隔
            }
            System.out.println(); // 每打印完一行后换行
        }
    }
}

JavaScript


// 使用嵌套循环打印九九乘法表
for (let i = 1; i <= 9; i++) { // 外层循环，控制行数，从1到9
    let row = ""; // 用于构建每一行的字符串
    for (let j = 1; j <= i; j++) { // 内层循环，控制每行显示的列数，从1到当前行号i
        row += `${j}x${i}=${i*j}\t`; // 将乘法表的一项添加到行字符串中，并使用制表符分隔
    }
    console.log(row); // 打印整行到控制台
}


package main

import "fmt"

func main() {
    for i := 1; i <= 9; i++ { // 外层循环，控制行数，从1到9
        for j := 1; j <= i; j++ { // 内层循环，控制每行显示的列数，从1到当前行号i
            fmt.Printf("%d*%d=%d\t", j, i, i*j) // 打印乘法表的一项，并使用制表符分隔
        }
        fmt.Println() // 每打印完一行后换行
    }
}

说明：

我仅会点点Python，“单行代码”规范打印“九九表”的代码我也能写。今天仅为看看csdn的高亮风格显示代码，就偷偷懒了。🤫以上代码全为我的AI学习搭子智谱清言app打造。

(由于我仅会点点python，只有python环境，除python外的代码没作调试，不能保证ai撰写代码完全正确，可能存在错漏。)

Python单行代码规范打印“九九表”


# 单行“九九表” #
print('\n'.join([' '.join([f"{i}×{j}={i*j:>2}" for j in range(1, i+1)]) for i in range(1, 10)]))

代码运行效果截屏图片

回页目录

3、结语

CSDN文章中只要有放代码，一定放置在“代码容器”中，方便阅读者copy，让文章中携带的代码更易“流通”，让您的博文有更好的阅读体验。

放在“代码容器”中的代码，非常方便阅读者copy。光标停留在代码上，即可显示“复制”菜单，点击“复制”即可把“容器”内的代码完整copy到系统“剪贴板”，方续想怎么“粘贴”操作都可以。

回页首

上一篇：无重复字符的最长子串_{(给定一个半角英文字符串，找出无重复字符的最长子串长度)}
下一篇：

我的HOT博：

本次共计收集 311 篇博文笔记信息，总阅读量43.82w。数据于2024年03月22日 00:50:22完成采集，用时6分2.71秒。阅读量不小于6.00k的有 $7$ 篇。

001
标题：让QQ群昵称色变的神奇代码
_{(浏览阅读 5.9w )}
地址：https://blog.csdn.net/m0_57158496/article/details/122566500
点赞：25 收藏：86 评论：17
摘要：让QQ昵称色变的神奇代码。
首发：2022-01-18 19:15:08
最后编辑：2022-01-20 07:56:47
002
标题：Python列表(list)反序(降序)的7种实现方式
_{(浏览阅读 1.1w )}
地址：https://blog.csdn.net/m0_57158496/article/details/128271700
点赞：8 收藏：35 评论：8
摘要：Python列表(list)反序(降序)的实现方式：原址反序，list.reverse()、list.sort()；遍历，全数组遍历、1/2数组遍历；新生成列表，resersed()、sorted()、负步长切片[::-1]。
首发：2022-12-11 23:54:15
最后编辑：2023-03-20 18:13:55
003
标题：pandas 数据类型之 DataFrame
_{(浏览阅读 9.7k )}
地址：https://blog.csdn.net/m0_57158496/article/details/124525814
点赞：7 收藏：36
摘要：pandas 数据类型之 DataFrame_panda dataframe。
首发：2022-05-01 13:20:17
最后编辑：2022-05-08 08:46:13
004
标题：个人信息提取(字符串)
_{(浏览阅读 8.2k )}
地址：https://blog.csdn.net/m0_57158496/article/details/124244618
点赞：2 收藏：15
摘要：个人信息提取(字符串)_个人信息提取python。
首发：2022-04-18 11:07:12
最后编辑：2022-04-20 13:17:54
005
标题：Python字符串居中显示
_{(浏览阅读 7.6k )}
地址：https://blog.csdn.net/m0_57158496/article/details/122163023
评论：1
006
标题：罗马数字转换器|罗马数字生成器
_{(浏览阅读 7.5k )}
地址：https://blog.csdn.net/m0_57158496/article/details/122592047
摘要：罗马数字转换器|生成器。
首发：2022-01-19 23:26:42
最后编辑：2022-01-21 18:37:46
007
标题：回车符、换行符和回车换行符
_{(浏览阅读 6.0k )}
地址：https://blog.csdn.net/m0_57158496/article/details/123109488
点赞：2 收藏：3
摘要：回车符、换行符和回车换行符_命令行回车符。
首发：2022-02-24 13:10:02
最后编辑：2022-02-25 20:07:40

推荐条件阅读量突破6.00k (更多热博，请点击蓝色文字跳转翻阅)

截屏图片

(此文涉及ChatPT，曾被csdn多次下架，前几日又因新发笔记被误杀而落马。躺“未过审”还不如回收站，回收站还不如永久不见。😪值此年底清扫，果断移除。留此截图，以识“曾经”。2023-12-31)

回页首

精品文章：

好文力荐：齐伟书稿《python 完全自学教程》 Free连载(已完稿并集结成书，还有PDF版本百度网盘永久分享，点击跳转免费🆓下载。)
OPP三大特性：封装中的property
通过内置对象理解python'
正则表达式
python中“*”的作用
Python 完全自学手册
海象运算符
Python中的 `!=`与`is not`不同
学习编程的正确方法

来源：老齐教室

◆ Python 入门指南【Python 3.6.3】

好文力荐：

全栈领域优质创作者——[寒佬]_{(还是国内某高校学生)}博文“非技术文—关于英语和如何正确的提问”，“英语”和“会提问”是编程学习的两大利器。
【8大编程语言的适用领域】先别着急选语言学编程，先看它们能干嘛
靠谱程序员的好习惯
大佬帅地的优质好文“函数功能、结束条件、函数等价式”三大要素让您认清递归

CSDN实用技巧博文：

梦幻精灵_cq

关注

11
点赞
踩
14

收藏

觉得还不错? 一键收藏
打赏
3
评论
CSDN博文中的代码块放置

CSDN文章中只要有放代码，一定放置在“代码容器”中，方便阅读者copy，让文章中携带的代码更易“流通”，让您的博文有更好的阅读体验。放在“代码容器”中的代码，非常方便阅读者copy。光标停留在代码上，即可显示“复制”菜单，点击“复制”即可把“容器”内的代码完整copy到系统“剪贴板”，方续想怎么“粘贴”操作都可以。
复制链接

扫一扫