csdn代码片教程

忘是亡心i 2022-07-20 12:11 388阅读 0赞

## 代码片    ##

代码片功能是一项非常实用的重要功能：该功能允许您仅上传一段代码而非整个项目，并且您可以像管理git项目一样对代码片进行管理。

使用代码片，您可以：

*  很容易的创建、分享一段代码
 *  在其它网页中引用代码片的内容
 *  使用Git版本库维护代码片段
 *  搜索发现精彩的代码片段
 *  称赞和派生您喜欢的代码片
 *  对代码片进行讨论

1.创建代码片

![alt 创建代码片][alt]

在用户面板页的“代码片”中点击“创建代码片”就可以创建您的代码片。

![alt 创建代码片][alt 1]

在文件名处输入代码片的文件名，我们强烈建议您为文件名加上后缀，如果没有后缀，有可能导致代码无法高亮显示。

输入文件名后，编辑器会根据文件后缀名自动选择编程语言，您也可以强制选择某中变成语言。

在编辑器中输入代码，或者直接拷贝现有的代码粘贴进去即可。点击“添加文件”按钮还可以为代码片添加文件。一个代码片可以包含多个文件。

2、查看代码片

代码片分为公开和隐藏两种。

公开的代码片URL为数字，对所有人可见，用户可在CODE平台“搜索”和“发现”中找到公开的代码片。

隐藏的代码片URL为20位16进制的哈希值，隐藏代码片无法被“搜索”或“发现”，但用户可直接通过其URL访问和查看该代码片。

3、管理代码片

一个代码片本身就是一个Git仓库，其支持SSH、Https、Git三种协议的访问，您可以使用 git clone 将代码片的仓库克隆到本地，如

git clone git@code.csdn.net:snippets/37.git

进行编辑后再push 到CODE平台。

您也可以像查看其他Git仓库一样查看代码片的历史版本及操作记录。

代码片还支持派生、称赞、搜索、发现等操作。

4、引用代码片

需要的时候，您可以在外部网站引用CODE平台上的代码片，具体操作如下：

在代码片页面，可以看到“嵌入脚本”的链接，如

拷贝这个链接并加入到其他网页，如个人博客（需要支持在网页内运行js脚本），即可在相应的网页中嵌入该代码片，并保持语法加亮等功能。

![alt 引用代码片][alt 2]

CSDN博客已经全面支持引用CODE代码片功能，具体的用法：

## 在CSDN博客中引用CODE代码片 ##

CSDN博客编辑器支持直接引用CODE平台代码片功能，操作步骤如下：

在CSDN博客编辑框中找到”插入代码片段“图标（如图示），将CODE平台代码片的JS脚本地址粘贴在此框中，点击确认：

![FAQ_6_2_3.jpg][]

此时在文章编辑器中会显示形如\{CSDN:COED:27\}这样的一段代码，如图:

![FAQ_6_2_4.jpg][]

点击文章发布后的实际显示效果如下。

![FAQ_6_2_5.jpg][]

点击代码片底部的“C”图标可以链接到该代码片在CODE平台的托管地址。

如上操作，便轻松完成了在博客中插入代码片的操作。

[alt]: https://code.csdn.net/CSDN_Code/CODE_Support/blob/master/images/FAQ_6_3_3.jpg
[alt 1]: https://code.csdn.net/CSDN_Code/CODE_Support/blob/master/images/FAQ_6_3_5.jpg
[alt 2]: https://code.csdn.net/CSDN_Code/CODE_Support/blob/master/images/FAQ_6_3_4.jpg
[FAQ_6_2_3.jpg]: https://code.csdn.net/CSDN_Code/CODE_Support/blob/master/images/FAQ_6_2_3.jpg
[FAQ_6_2_4.jpg]: https://code.csdn.net/CSDN_Code/CODE_Support/blob/master/images/FAQ_6_2_4.jpg
[FAQ_6_2_5.jpg]: https://code.csdn.net/CSDN_Code/CODE_Support/blob/master/images/FAQ_6_2_5.jpg