优快云写Blog方法

最新推荐文章于 2025-09-01 22:05:36 发布
原创 最新推荐文章于 2025-09-01 22:05:36 发布 · 368 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

这里写自定义目录标题

欢迎使用Markdown编辑器

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

新的改变

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

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

功能快捷键

撤销：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

如何创建一个注脚

一个具有注脚的文本。1

注释也是必不可少的

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.

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

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • 关于 甘特图 语法，参考 这儿,

UML 图表

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

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

这将产生一个流程图。:

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

FLowchart流程图

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

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

导出与导入

导出

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

导入

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

  1. 注脚的解释 ↩︎

c丶happy
关注
如何通过优快云赚取收益（被动收入，躺着赚钱）
博客主要分享技术教程、工具教程、bug解决、前沿技术动态、编程经验、心得感悟等。 内容同步、干货获取、推广宣发请看侧栏推广信息
05-12 1946
如何通过优快云赚取收益（被动收入，躺着赚钱）
博客优快云
12-27
博客优快云
csdn如何写博客
weixin_50946737的博客
04-25 4497
深度学习
第一篇优快云（blog）
NuwBlan的博客
07-02 247
现在是markdown用的比较泛滥的时候。 只要是网站，都可以支持markdown显示 我其实一开始对markdown是非常喜欢的——原来是有这种简便又美观的写作方式。 但用的多了发现并不直观，需要在文本里面加字符，或者转义字符，需要在输入的时候考虑文字的排版。发现用markdown做笔记也不是一个很方便的事情，我只是想记录一下我刚刚收获的内容而已。 或许是我个人对排版有执念，不能接受markdo...
开通了优快云的Blog
Rain's Blog
08-13 944
开通了优快云的Blog     用了QZone有一段时间，但是发现QZone有一些问题。比如格式化的时候比较困难。还要自己编辑代码。    现在来开通一个优快云的Blog试试。初次打开了文章编辑。真是觉得不错啊觉得蛮专业的。已经和桌面版的字处理软件差不多了。    现在有好多的Blog系统，为什么我要选择CSND的Blog呢？    我是个程序员。所以我不定时会写一些技术方面的
BLOG(摘自优快云)
天天成长的博客
02-08 175
myan 孟岩 http://blog.csdn.net/myan 综合积分第1名 bitfan bitfan（数字世界一凡人） http://blog.csdn.net/bitfan 综合积分第2名 DanceFire DanceFire http://blog.csdn.net/DanceFire 综合积分第3名 haoel 陈皓 http://blog.csdn.net/haoe...
精选资源
csdn如何去除图片水印？（markdown编辑器 + 富文本编辑器）
01-07
最近写博客写的比较多，自己看的时候，发现右下角水印实在太丑。于是搜索并总结了两种编辑方式下去除水印的方法   markdown编辑下 找到图片下方的 urlurlurl ，然后把蓝色部分删掉即可。 我平时都是直接截图然后...
第一次在优快云（优快云-markdown）写博客你应该知道的事项
有片云
10-29 787
  在 优快云 混了好些年，常常找别人写的东西，但又时候别人写的东西很是杂乱或者不全，忽然兴起想写点东西。   没有写之前感觉应不难，但是第一次写还遇见一些问题，如分隔线、空格、空行、发布后的分类等。但是在网上找也是比较零散，所以在边写边学的基础上写了这篇文章，希望能帮助后来者，也能让自己有复学的机会，而不是花时间去找度娘。   1、先写 分类专栏   如果你是第一次写C...
使用Rmarkdown写博客（如知乎、优快云）
志浩同学的博客
07-05 923
文章目录为什么使用使用Rmarkdown写博客?写作流程使用Rmarkdown写作时的几个技巧第一个cell:setup设置展示表格展示回归结果导出md文件修改Rcode生成图片的路径粘贴md文件内容到博客本文即使用该方法写作 为什么使用使用Rmarkdown写博客? 现在的博客如知乎、优快云等一般都支持Markdown写作 R的Rmarkdown集成了Markdown、Rcode和Rcode输出，非常适用于展示数据分析报告 Rmarkdown的*.Rmd文件可以导出为*.md文件 当写作有关于R的内容
优快云编辑器使用方法.docx
08-02
【优快云编辑器使用方法】优快云编辑器是一款专为编程人员和IT爱好者设计的富文本编辑工具，提供了丰富的格式化选项和快捷键，帮助用户高效地编写技术文章和博客。以下是对编辑器主要功能的详细说明： 1. **创建标题与...
第一篇优快云 Blog
最新发布
Wafan007的博客
09-01 236
华中科技大学研究生分享技术笔记，记录C/C++、Python、Verilog、Matlab等语言的学习心得、项目复盘和职场感悟，旨在巩固知识并为未来提供参考。
转载优快云博客
a893012040的博客
07-06 144
在参考“如何快速转载优快云中的博客”后，由于自己不懂html以及markdown相关知识，所以花了一些时间来弄明白怎么转载博客，以下为转载优快云博客步骤和一些知识小笔记。 参考博客原址：http://blog.csdn.net/bolu1234/article/details/51867099 转载优快云博客步骤： 1.优快云博客页面右键，点击【检查】 点击检查后，页面右侧出现html代码，如下图 2.如果需要转载全文，则在html代码下侧点击选中articl...
优快云 Blog使用方法汇总
06-29 2482
优快云Blog使用方法(非官方,持续更新)(已更新二次) http://blog.csdn.net/upwaker/archive/2004/06/25/26866.aspx 内容： 记得看过一篇问Blog怎么用的文章,我也是新手,不过经过摸索我找到了一些使用方法,特介绍给大家,大家不要笑话我写的浅啊,新手嘛. 1.写文章,建立相册之前都先要编辑分类,写好文章后选择自己的文章的分类. 2.至于
我在csdn的第一篇blog
gotoCS_的博客
09-28 131
这是我的第一篇blog，希望以后共同进步！ print("hello, csdn") class Hello优快云 { public static void main(String args[]) { System.out.println("Hello, csdn!"); } }
优快云博客快速入门到精通
weixin_39604653的博客
09-01 1万+
优快云（China Software Developer Network）是中国最大的IT技术社区之一，也是程序员和开发者学习、交流和分享技术知识的重要平台。在优快云上，你可以创建博客、发布技术文章、分享经验、并与其他开发者互动。以下是关于如何从快速入门到精通优快云博客的详细教程。
全新的blog,csdn
想当dalao的学生
03-11 213
原来的blog服务器到期了，现在我又暂时没有钱去续费，就用这里吧。 原blog的数据并没有备份，只能凭记忆补档了。
教你玩转优快云博客
热门推荐
优快云 官方博客
10-16 34万+
我在优快云博客可以做什么呢？ 优快云博客是一个专业IT技术发表的平台。在这里，你可以阅读技术大佬的博文，为他们点赞，评论，收藏；在这里，你也可以发布自己的博文，你可以发布技术分享、面试技巧、程序人生，也可以发布认真或有趣的交流与分享。 我该怎么发布文章？ 点击 创作中心 即可撰写博文，但是文章内容不得违反法律法规及政策规定哦！
优快云
博客
11-27 7万+
优快云 将于 2024 年在全国举办多场技术及行业应用的开发者大会、主题峰会、技术沙龙等会议活动，主要领域包括开源，云原生，AI，数据库，DevOps，操作系统，大数据，研发效能，芯片，元宇宙，自动驾驶，金融，工业互联网等。总的来说，优快云作为中国最大的IT社区和服务平台，不仅为软件开发者和IT从业者提供了丰富的学习资源和职业发展机会，还通过其强大的社区影响力和技术权威性，是一个为 IT 技术人成长及科技企业发展提供全方位服务的开发者生态平台，致力于成就一亿技术人，成为技术人交流和成长的家园。
重新启用csdn的blog
NinGoo's Notes
11-19 1697
blog迁来迁去，总也难以找到一个理想的地方，因为想专注于oracle方面，最后决定放在itpub。可是最近一段时间，itpub的服务相当不稳定，要么是无法访问，要么是IP被封，rss坏了都快一个月了还没修复，郁闷死了。看来，穷人玩blog，也只能是多放几个地方，以做备份了，所以去申请了Feedburer服务，以后就同时在itpub和csdn张贴，如果有想订阅的朋友，请定于FeedBurer的
csdn写博客 如何跳转
03-22
<think>好的，用户想知道如何在优快云博客中实现页面内跳转。根据提供的引用资料，我需要整理出两种方法。首先，引用2和引用5提到了使用HTML锚点的方法。用户需要在目标位置插入一个带有id的标签，比如`<span id="jump1"></span>`，然后在目录或其他位置创建超链接，指向`#jump1`。这种方法不需要依赖目录生成，比较灵活。 其次，引用3提到另一种方法，结合Markdown的标题和自动生成的锚点。用户可以使用`[显示文本](#标题名称)`的格式，但要注意标题名称需要去除空格并转为小写。例如，标题“二、实现方法”对应的链接是`#二实现方法`。不过，这种方法可能需要保持目录的存在，否则可能失效。 另外，用户可能关心注意事项，比如避免重复id、使用英文命名更可靠等。需要提醒用户测试跳转功能，确保在不同环境下有效。最后，生成相关问题时要覆盖方法对比、常见问题、其他跳转方式和优化目录结构等方面。</think>### 优快云博客实现页内跳转的方法 在优快云博客中实现页内跳转主要有两种方法，分别基于**HTML锚点标签**和**Markdown语法优化**。以下是具体步骤和示例： --- #### **方法一：通过HTML锚点标签实现** 1. **定义跳转目标位置** 在需要跳转到的位置插入一个带有唯一`id`的标签，例如： ```html <span id="jump1"></span> ``` 2. **创建跳转链接** 在目录或其他位置添加超链接，指向上述`id`： ```markdown [跳转到章节1](#jump1) ``` *示例效果：* [跳转到章节1](#jump1)（点击后将滚动到对应位置） 3. **优势** - 不依赖目录生成工具（如`[toc]`）[^3] - 适用于任意位置的精准跳转[^2] --- #### **方法二：结合Markdown标题自动生成锚点** 1. **利用标题生成锚点** 优快云会自动将标题转换为锚点，格式为`#标题名称`（需去除空格并转为小写）。 *例如标题“二、实现方法”对应的锚点为：* ```markdown [跳转到方法二](#二实现方法) ``` 2. **手动优化链接格式** 若标题包含空格或特殊符号，需手动调整： ```markdown ## 3.1 性能分析 [跳转到性能分析](#31-性能分析) ``` 3. **注意事项** - 需保留`[toc]`生成的目录以确保跳转稳定性 - 长标题可能导致锚点可读性差[^5] --- #### **完整代码示例** ```html <!-- 定义锚点 --> <span id="section1"></span> ## 一、实现原理 <!-- 创建跳转链接 --> [返回目录](#section1) ``` --- #### **注意事项** 1. **避免重复`id`** 同一页面内`id`需唯一，否则跳转失效 2. **兼容性测试** 部分浏览器可能对中文锚点支持不佳，建议优先使用英文命名[^5] 3. **跳转平滑性** 可通过CSS添加`scroll-behavior: smooth;`优化滚动效果（需自定义HTML样式）[^1] ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值