CSDN编写技巧

已于 2023-06-12 17:30:44 修改
阅读量4.2k 收藏 12
点赞数 2
分类专栏： CSDN编写技巧 文章标签： 编辑器
于 2022-05-25 13:44:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hyd_csdn/article/details/124964542
版权

这里写自定义目录标题

欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

在这里插入图片描述

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

  1. 全新的界面设计 ，将会带来全新的写作体验；
  2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
  3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
  4. 全新的 KaTeX数学公式 语法；
  5. 增加了支持甘特图的mermaid语法1 功能；
  6. 增加了 多屏幕编辑 Markdown文章功能；
  7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
  8. 增加了 检查列表 功能。

在这里插入图片描述

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

在这里插入图片描述

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

在这里插入图片描述

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H2O is是液体。

210 运算结果是 1024.

在这里插入图片描述

插入链接与图片

链接: link.

图片: Alt

带尺寸的图片: Alt

居中的图片: Alt

居中并且带尺寸的图片: Alt

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

在这里插入图片描述

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

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

在这里插入图片描述

生成一个适合你的列表

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

在这里插入图片描述

创建一个表格

一个简单的表格是这么创建的：

项目Value
电脑$1600
手机$12
导管$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列第二列第三列
第一列文本居中第二列文本居右第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPEASCIIHTML
Single backticks'Isn't this fun?'‘Isn’t this fun?’
Quotes"Isn't this fun?"“Isn’t this fun?”
Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash

在这里插入图片描述

创建一个自定义列表

Markdown
Text-to- HTML conversion tool
Authors
John
Luke

在这里插入图片描述

如何创建一个注脚

一个具有注脚的文本。2

在这里插入图片描述

注释也是必不可少的

Markdown将文本转换为 HTML。

在这里插入图片描述

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N 是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞​tz−1e−tdt.

你可以找到更多关于的信息 LaTeX 数学表达式here.

在这里插入图片描述

新的甘特图功能，丰富你的文章

2014-01-07 2014-01-09 2014-01-11 2014-01-13 2014-01-15 2014-01-17 2014-01-19 2014-01-21 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • 关于 甘特图 语法，参考 这儿,

在这里插入图片描述

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：

张三 李四 王五 你好！李四, 最近怎么样? 你最近怎么样，王五？ 我很好，谢谢! 我很好，谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

这将产生一个流程图。:

链接
长方形
圆
圆角长方形
菱形
  • 关于 Mermaid 语法，参考 这儿,

在这里插入图片描述

FLowchart流程图

我们依旧会支持flowchart的流程图：

Created with Raphaël 2.3.0 开始 我的操作 确认？ 结束 yes no
  • 关于 Flowchart流程图 语法，参考 这儿.

在这里插入图片描述

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

在这里插入图片描述

  1. mermaid语法说明 ↩︎

  2. 注脚的解释 ↩︎

小丑不冷
关注
  • 2
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSDN规则详解（一）
想你依然心痛的博客
11-03 4万+
CSDN是一个专业的技术社区，不仅可以分享自己的技术经验，还可以向其他行业专业人士学习。在CSDN上写出优秀的博客可以增加自己的曝光率和声誉，但是除了写出好博客，我们还可以认识规则、了解规则、利用规则，来更好地展示自己的专业能力和吸引更多的读者。因此，掌握CSDN的规则是非常重要的，可以帮助我们更好地利用这个平台，实现自己的目标。在本文中，将会介绍一些CSDN的规则和注意事项，帮助读者更好地运用这个平台。
Java8编程实战
12-31
Java一直作为优秀的编程语言活跃于软件开发行业，掌握Java不仅是一件兴奋的事，更是一把可以帮助你轻松进入软件行业大门的一把金钥匙，本套课程将为读者讲解Java8的所有核心技术知识，一共240集的Java8开发课程，全网独一无二的教学视频资料，你还等什么？赶紧来学吧！官方QQ群：612148723。
手把手教你玩转CSDN博客！！
最新发布
2302_80728797的博客
06-09 2762
CSDN博客是一个宝贵的资源，可以帮助你学习编程思路、技巧，并通过阅读和分析代码示例来提高编程能力。通过不断地学习和实践，你将能够在编程之路上越走越远，为IT行业的发展做出贡献。记得在CSDN博客上分享你的学习心得和代码示例，以帮助和启发其他开发者。
实用数据分析：数据分析师从小白到精通
01-02
[入门数据分析的第一堂课]这是一门为数据分析小白量身打造的课程，你从网络或者公众号收集到很多关于数据分析的知识，但是它们零散不成体系，所以第一堂课首要目标是为你介绍：Ø  什么是数据分析-知其然才知其所以然Ø  为什么要学数据分析-有目标才有动力Ø  数据分析的学习路线-有方向走得更快Ø  数据分析的模型-分析之道，快速形成分析思路Ø  应用案例及场景-分析之术，掌握分析方法[哪些同学适合学习这门课程]想要转行做数据分析师的，零基础亦可工作中需要数据分析技能的，例如运营、产品等对数据分析感兴趣，想要更多了解的[你的收获]n  会为你介绍数据分析的基本情况，为你展现数据分析的全貌。让你清楚知道自己该如何在数据分析地图上行走n  会为你介绍数据分析的分析方法和模型。这部分是讲数据分析的道，只有学会底层逻辑，能够在面对问题时有自己的想法，才能够下一步采取行动n  会为你介绍数据分析的数据处理和常用分析方法。这篇是讲数据分析的术，先有道，后而用术来实现你的想法，得出最终的结论。n  会为你介绍数据分析的应用。学到这里，你对数据分析已经有了初步的认识，并通过一些案例为你展现真实的应用。[专享增值服务]1：一对一答疑         关于课程问题可以通过微信直接询问老师，获得老师的一对一答疑2：转行问题解答         在转行的过程中的相关问题都可以询问老师，可获得一对一咨询机会3：打包资料分享         15本数据分析相关的电子书，一次获得终身学习
VBA高手进阶课程
10-16
爱好excel 的公式和VBA编程，Access数据库，VB和VB.NET，自己开发有作品《VBA代码宝》、visual studio开发的《大表格工具箱》、发票凑数器、进销存模板表格、出入库、领用单、图书管理系统的模板表格等诸多VBA功能及技巧，熟悉VBA数组、字典、正则，函数公式，SQL、VB等,拥有多年编程经验，实际案例，职场应用，应有尽有，升职加薪不是梦，学会excel函数、VBA、ACCESS数据库等办公技能，能极大地缩短工作时间，达到高效率工作，希望能跟大家一起学习进步！
【微信早安定时推送3.0最牛版】微信消息推送后 可提醒可顶置，聊天框名称，头像都可修改~
A_Xunla的博客
08-28 1万+
全网最全最详细教程，无基础看过的都说好，不白找。
CSDN.rar_csdn
09-20
这些帖子通常涵盖了各种编程语言的使用技巧、算法设计与分析、问题解决策略等内容，对学习和提升编程技能有很大帮助。 【标签】"csdn"进一步确认了该文件与CSDN论坛的关联性，暗示了文件内容的专业性和权威性。 在...
CSDN-VC.zip_csdn
09-20
这个资源很可能包含了一位资深开发者或者社区成员在CSDN上积累和整理的VC++编程技巧、问题解决策略以及最佳实践。 【描述】提到“vc变成经验总结”，这暗示了内容可能涵盖了从初学者到高级程序员在使用Visual C++ ...
Vim实用技巧
02-09
《vim实用技巧》为那些想要提升自己的程序员编写，阅读本书是熟练地掌握高超的vim技巧的必由之路。全书共21章，包括121个技巧。每一章都是关于某一相关主题的技巧集合。每一个技巧都有针对性地解决一个或一类问题，...
快速编写matlab技巧
09-07
通过熟练掌握以上技巧，初学者可以逐步提升MATLAB编程能力，编写出更高效、更易于维护的代码。不断实践和学习，你将在MATLAB的世界里游刃有余。在《Writing fast MatLab code》这本书中，会有更深入的讲解和实例，...
csdn 批量接受好友邀请
12-11
此外，这个例子也反映出CSDN对jQuery的支持，这意味着开发者在使用CSDN提供的API或进行网页交互时，可以利用jQuery的强大功能，简化代码编写，提升开发效率。 总的来说，这篇博客展示了如何运用基本的JavaScript和...
csdn代码高亮组件
11-13
这是本人通过对csdn上的代码高亮就行排减后得到的，组件就那几个文件，很好用！希望对大家有用！
究竟什么是开发人员眼中最好的代码编辑器?
03-02
如果我们把不同的程序开发人员比作三国演义中的各路诸侯大将的话，那么代码编辑器绝对可以称之我们手中的神兵利器，不同类型的开发人员使用的”兵器“也大有不同。好比兵器来说，没有绝对强的，也没有绝对好的，每一中兵器都有不同的优点和缺点，虽说俗话说的好，一寸长，一寸强，不过如果你没事去那都提着"关老爷“的“青龙偃月刀”得瑟，貌似也不是很方便。那么对于我们这些开发人员来说，究竟什么样的代码编辑器是最好的呢?在今天的文章中，我们将从以下几个方面来比较各种类型的代码编辑器，评判指标包括：友好度功能性扩展性界面/体验跨平台价格vi对于使用过unix的朋友来说，绝对是再熟悉不过的代码编辑器，有多少伟大的程序和代码
免费代码大全
canduecho的专栏
03-29 1万+
请注意，这些链接将带您到相应的网站，那里您可以浏览和搜索免费的代码资源。每个网站都有自己的搜索和浏览功能，您可以根据自己的需求和兴趣进行浏览和探索。
新手如何撰写CSDN博客?CSDN博客撰写入门级方法
weixin_45481473的博客
01-13 2755
CSDN后台支持Markdown格式的文件导入，一种简单的博客撰写方法就是用Anaconda中的notebook写好文章内容后,导出为Markdown格式,再上传至CSDN后台。 具体步骤如下： 第一步：点击开始菜单栏，进入Jupyter Notebook，如图中箭头所示： 第二步：进入Jupyter Notebook之后，新建文件。点击New— —Python3（这里的编译环境可以根据需要自行选择） 第三步：开始进行博文的撰写。值得注意的是：需要进行标题、文字、代码不同内容之间的切换，如图中箭头所示。
csdn支持的代码类型
u014708123的博客
12-13 34
【代码】csdn支持的代码类型。
Markdown编辑器【写作技巧】
zik的博客
11-16 790
CSDN的MD编辑器【写作技巧】 0、Markdown的公式编辑技巧 单个公式用\begin{equation} 多行公式\begin{align}或者\begin{array} 1、在线LaTeX公式的编辑器 2、 继续补充 继续补充 3、快捷键，结合快捷键提高效率 4、写作技巧 5、Markdown的段前缩进
代码块详解
WINorYU的博客
11-08 805
代码块又称初始化块，属于类中的成员（是类的一部分），类似于方法：将逻辑语句封装在方法体中。通过{}包围起来但是和方法不同，，而且不用通过对象或类显示调用，而是加载类时，或创建对象时。
初学编程100个代码大全
热门推荐
xiqng17111342931的博客
10-07 2万+
初学编程100个代码大全
vscode编写技巧
08-14
对于在VSCode中编写代码时的一些技巧，我可以给你提供几个建议。首先，快捷键是提高效率的关键。你可以在VSCode中掌握一些常用的快捷键，例如使用Ctrl+S保存文件，Ctrl+X剪切行，Ctrl+C复制行，Ctrl+V粘贴行等。此外，你还可以使用Ctrl+Shift+L选中所有匹配项，Ctrl+D多重选择相同的词，Ctrl+Shift+[折叠代码区块，Ctrl+Shift+]展开代码区块等。 其次，你可以安装一些适用于特定编程语言的插件，这样可以提供更好的开发体验。VSCode的插件市场中有大量的插件可供选择。你可以根据自己的需要，安装一些提供代码补全、语法高亮、调试支持等功能的插件。 另外，你还可以利用VSCode的内置终端进行代码运行和调试。VSCode提供了集成的终端，可以在编辑器中直接执行命令并查看输出结果。你可以使用Ctrl+`打开终端，然后在终端中运行你的代码。 最后，你还可以自定义VSCode的设置，以适应个人的偏好和习惯。你可以调整字体大小、主题颜色、缩进设置等，以使得代码在编辑器中更易读。 综上所述，通过掌握快捷键、安装适用的插件、使用内置终端和自定义设置，你可以更高效地在VSCode中编写代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [开发工具-vscode 使用技巧](https://blog.csdn.net/xiaoliizi/article/details/125089572)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值