CSDN写博客时的代码片格式设置

最新推荐文章于 2024-11-21 19:28:00 发布
原创 最新推荐文章于 2024-11-21 19:28:00 发布 · 4.8k 阅读 · 7 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#CSDN
本文回顾了一年前 CSDN 博客平台的格式设置问题，特别是针对新手不友好的默认编辑器和代码格式设置。介绍了如何切换到 HTML 编辑器并正确插入代码段来改善显示效果。

备注：这个设置现在应该已经不需要了，CSDN做了优化改版。一年前的CSDN格式设置很变态，对新手尤其不友好，找了很久才发现需要先修改默认编辑器，再插入代码片设置格式

 

一、博客设置

创作中心→博客设置→HTML编辑器→保存

 

二、插入代码

写博客→插入代码段

 

 

新手如何在CSDN上写博客
热门推荐
m0_47174928的博客
06-22 1万+
CSDN如何写博客？ CSDN是一个专注为IT专业人士及IT企业提供集成化信息传播与服务平台，在这里有很多优秀的技术人士，他们在这里发表者专业上的一些技术，在这里每一个人都可以有自己的文章。那么对于萌新来说，该如何发自己的博客呢？ 1、首先，打开CSDN官网，点击右上角注册或登录，登录CSDN 2、登录后点击右上角创作中心写博客，进入到编译页面，博客内容就是在这里编译的。 3、接下来就是标题栏，在这里写上本篇文章的标题，方便读者了解文章内容 4、开始写文章，这里左侧填写内容，右侧显示预览 5、在写文章时
我为什么要写博客
SWY's Workshop
05-21 1万+
我为什么要写博客 2017年，我考入大学，开始了我的编程生涯。 在考入大学之前，我对于计算机的使用，仅限于office软件，还有，开机与关机。选择这个专业也是书生意气，既然美国人在这方面割全世界的韭菜（比如苹果），那么我便要投入到反知识产权垄断的战斗中。当然，我对于我个人的能力是不抱幻想的，不过我可以和千万名同行在一起奋斗。 然而，我的兴奋并没有持续多久。繁重的课业很快压垮了我。身边都是搞过竞赛的大牛（银牌起步），老师上课也默认大家已经掌握了一些基础知识，结果就是上课听的很嗨，但一旦写代码就会手足无措。我印
CSDN博客格式控制（图片居中、字体颜色、大小和种类，段落缩进、文本背景色，参考文献格式超链接）
WANGSIRHHXI的博客
06-02 1167
系列文章目录 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、CSDN图片处理1.图片居中二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、CSDN图片处理 1.图片居中 在图片网址
更改csdn文章中的代码片形式
wuyanne的博客
10-11 646
csdn默认代码片是黑色的 这种灰色的比较舒服 更改方法： 打开csdn创作中心 点击菜单栏最下方的博客设置 将默认的代码片样式更改为github-gist 点击保存，所有博客中的代码片都会变成灰色背景的 ...
html实现CSDN代码片（代码块的做法）的显示
chuck_robert的博客
07-04 1万+
html实现CSDN代码片（代码块的做法）的显示介绍啰嗦制作过程效果图片代码注意如何修改语言 介绍 我是一个初中生，自学的html，有一些东西不会，所以提前说，避免遭到某些人的吐槽。 啰嗦 前几天突发奇想，想写属于自己的blog，对比了需要大佬的blog发现我需要一个可以呈现出代码的部分，于是我智障得直接 把代码输入在了div中 ，结果可想而知。 制作过程 后来在谷歌上寻找了很多方法，答案基本只有三种1、无法使用，2、太丑3、不是想要的东西。后来我凭借着“惊人”的智商，在博客园上抽取了一段简单的代码，
csdn代码片教程
一苇以航
07-24 7845
代码片 代码片功能是一项非常实用的重要功能：该功能允许您仅上传一段代码而非整个项目，并且您可以像管理git项目一样对代码片进行管理。 使用代码片，您可以： 很容易的创建、分享一段代码 在其它网页中引用代码片的内容 使用Git版本库维护代码片段 搜索发现精彩的代码片段 称赞和派生您喜欢的代码片 对代码片进行讨论 1.创建代码片
VS代码片段（CodeSnippet）的制作以及常用代码片段记录
鲤籽鲲的博客
12-14 5723
VS代码片段（CodeSnippet）的制作以及常用代码片段记录
CSDN离线写博客
程序媛一枚
09-25 2757
问题   在csdn总会写一些技术博客，但是却有个困扰就是写博客的效率不高，这个效率不高不是指写博客内容所占用的时间，而是指博客格式排版，制作目录，上传图片等，相信大家是深有体会。所以，兴趣使然我就在网上查“csdn离线博客”，就因此引发了本篇博客的产生。 解决 公告：CSDN博客频道支持Windows Live Writer离线写博客啦 以下是安装WLW 和相关设置：
CSDN如何写博客
weixin_45931985的博客
09-05 8167
如何使用CSDN博客1.打开CSDN官网，右上角点击登录或者注册账号2.登录后我们点击右上角的写博客。然后就会进入这个编辑模式了3.最顶部这里我们先写上标题，这是最主要的4.底部就是填写内容的地方，左边填写内容，右边显示预览5.我们可以给字体加各种样式，加粗或者斜体7.我们还可以制作序列，这样就不必分开敲数字了8.还有一个重要的功能就是代码块的展示，这是CSDN博客的特色9.我们还可以上传图片，或者引用网页的图片到博客里面10.最后点击发布文章，星号的都是必须填写的，点击发布文章即可11.发布成功后，就可以
CSDN-markdown编辑器使用技巧
fyxllcc99的博客
01-25 383
保存以备查用欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdo...
csdn的编写教程（官方给的）
m0_69886881的博客
04-20 865
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：Ctrl/Command + S
CSDN常用格式代码，附带表现效果，让你的CSDN文章更加美观ovo
最新发布
专业解决各种上架过包问题，专业团队专业处理
11-21 1096
为了方便使用，采取上面表现效果，下面代码的展示说明，这样方便直接复制拷贝。 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：Ctrl/Command + Shift + H 无序列表：Ctrl/Command + Shift + U 有序列表：Ctrl/
设置CSDN博客，生成HTML文字模板，必会教程！
Fanjufei的博客
06-14 1006
生成 HTML 文字模板需要遵循 HTML 标准并使用 HTML 语言进行代码编写。以上代码定义了一个基本的 HTML 模板，通过 CSS 样式表实现了三句话的居中对齐并换行，每句话加黑并设置字号。以上代码定义了一个基本的 HTML 文字模板，包括文档类型声明、HTML 结构、字符集设置以及标题和两个段落。下面是一个生成 HTML 文字模板的示例，其中包括三句话，居中对齐，并且每句话渲染不同的颜色。标签用于定义文档的头部信息，包括字符集设置和页面标题。标签用于定义文档的主体内容，其中包括标题和两个段落。
【CSDN】- 修改代码块样式
HVENLY的博客
05-28 776
默认CSND中代码块的样式过于暗了些，并且颜色也不好看，毕竟我是一个女娃子，还是比较喜欢清新一些的颜色，于是研究了下如何修改默认的代码块样式，在这里记录一下。 1.首先通过顶部导航栏找到【创作中心】中的【查看更多】 2.进入更多后，把左侧的导航栏拉到底部，找到【设置】模块下的【博客设置】 3.选择【代码片样式】下拉框，选择自己喜欢的样式即可。 素不素灰常简单，希望对一些小萌新有点帮助~ ...
自定义用户代码片
Zpan204的博客
10-21 357
我们每次反复的书写，非常的繁琐，自定义用户代码片点击设置——》用户代码片段 第一步： 第二步： 选择新建全局代码片段文件： 第三步： 输入新建代码片的名字： 第四步： 把默认生成代码全选删除，如下 第五步： 选中以下代码块 复制粘贴到刚才删除的页面 { "html": { "prefix": "html", "body": [ "<!DOCTYPE html>", ...
新手如何写csdn
weixin_72473547的博客
11-12 1871
如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，一、进入CSDN官网，登录CSDN。三、选择Markdown编译器。五、请开始编写你的博客生涯。四、新手模板（小白建议）
如何利用CSDN自带的Markdown编辑器写博客 (用CSDN写博客)
Nesb01t is here.
11-21 783
新手向｜简单入门 - 通过 CSDN 自带的 Markdown 编辑器编写博客
csdn格式介绍
qq_45927369的博客
04-06 816
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：Ctrl/Command + S
CSDN编辑器格式调整 --- 个人笔记
swang_shan的博客
12-12 817
csdn编辑器格式设置说明
代码格式化的使用
qq_61637982的博客
10-21 786
本文主要介绍了代码格式化,以及各个平台如何使用快捷键进行代码格式化,如有错误之处,欢迎在评论区交流讨论~
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值