CSDN博客写作技巧

2023-10-15 13:50
文章标签 博客 csdn 写作技巧

本文主要是介绍CSDN博客写作技巧,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

良好的写作排版可增加文章的可读性,博主绝大多数情况下是基于typora软件写作,后将内容上传至CSDN博客,本文分享了相关的的写作技巧。

目录

  • 调整图片的大小
      • 操作流程
      • 效果预览
  • 控制字体的类型、颜色、大小
      • 控制代码
      • 效果预览
  • 公式的位置
  • 文字居中
  • 写作技巧
    • 公式的对齐
    • 改变公式显示的颜色
    • 公式的人工编号及超链接引用[^3]
    • 添加参考文献的超链接
    • 参考文献

调整图片的大小

博客中的图片显示不当(过大和过小)会影响读者的阅读效果。下文的第一张图片是显示过大的不当例子。

操作流程

下文给出了一种调整图片显示比例的操作,具体操作如下:
将本地文件先导入CSDN的Markdown编辑器后,图片下方会自动出现一串链接,复制链接,注意复制内容跳过包围链接的圆括号。
在这里插入图片描述
在代码块中" "的空白处粘贴复制的链接

<img src="	" width=50%/>

粘贴后上文的代码块变成如下内容:
<img src=" https://img-blog.csdnimg.cn/20210629222335724.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUwNjMyNDY4,size_16,color_FFFFFF,t_70#pic_center " width=50%/>

效果预览

粘贴图片链接后,图片显示为原图的一半

控制字体的类型、颜色、大小

在排版时,需要用不同形式的文字(字体的颜色、大小等)凸显或强调内容。

控制代码

天气不错  %`Markdown编辑器默认字体`
<font face="STCAIYUN">天气不错</font>	%`华文彩云字体`
<font color="blue" size="4">天气不错</font>
<font color="red" size="6">天气不错</font>	
<font color="#90ce4f" size="6">天气不错</font>	%用十六进制表示精确的颜色

效果预览

天气不错
天气不错
天气不错
天气不错
天气不错

公式的位置

在md文档中,公式有行内公式与行间公式之分1,行间公式默认居中,行内公式则是紧随文字。
行间公式

勾股定理$a^2=b^2+c^2$

勾股定理 a 2 = b 2 + c 2 a^2=b^2+c^2 a2=b2+c2

行间公式

勾股定理$$a^2=b^2+c^2$$

勾股定理 a 2 = b 2 + c 2 a^2=b^2+c^2 a2=b2+c2

在typora软件中,默认的设置是无法实现行内公式功能,此时需要在偏好设置>markdown>勾选内联公式

文字居中

<center>文字居中<center>
文字居中

2022-4-9补充

写作技巧

公式的对齐

目前,简单的探索了两种方式

first method2

使用指令\begin{aligned}{formula}\end{aligned},各行公式在&处对齐

$$
\begin{aligned}
a+f &=b
\\
c&=d+e
\end{aligned}
$$

a + f = b c = d + e \begin{aligned} a+f &=b \\ c&=d+e \end{aligned} a+fc=b=d+e
second method
使用\begin{eqnarray}{formula}\end{eqnarray}指令,在公式等好的两边需添加&,公式在=处对齐

$$
\begin{eqnarray}
a+f&=&b
\\
c&=&d+e
\end{eqnarray}
$$

KaTeX parse error: No such environment: eqnarray at position 8: \begin{̲e̲q̲n̲a̲r̲r̲a̲y̲}̲ a+f&=&b \\ c&=…

改变公式显示的颜色

first method

使用\textcolor{red}{formula}指令,例子代码将公式的显示颜色标记为红色

$$
\textcolor{red}{a=b}
$$

a = b \textcolor{red}{a=b} a=b

second method

或者使用\color{red}formula指令

$$
\color{red}a=b
\\
c=d
$$

a = b c = d \color{red}a=b \\ c=d a=bc=d

公式的人工编号及超链接引用3

适用于LaTeX渲染,不支持CSDN博客的KaTeX渲染

tag后大括号的内容表示编号,label后大括号的内容表示公式的标签。

$$
\textcolor{red}{a=b}\tag{a.1}\label{eq1}
$$式$\eqref{eq1}$是一个编号引用的测试公式

KaTeX parse error: Undefined control sequence: \label at position 31: …}{a=b}\tag{a.1}\̲l̲a̲b̲e̲l̲{eq1}
KaTeX parse error: Undefined control sequence: \eqref at position 1: \̲e̲q̲r̲e̲f̲{eq1}是一个的测试公式,用于测试公式编号及其标签超链接的有效性。

添加参考文献的超链接

使用脚注生成参考文献的超链接,文中结论施引合适的参考文献,便于读者考证。

脚注的使用格式如下:

正文[^label][^label]:link
first[^1][^1]:https://blog.csdn.net/COCO56/article/details/98477502

参考文献


  1. https://www.zybuluo.com/mdeditor](https://www.zybuluo.com/mdeditor) ↩︎

  2. https://blog.csdn.net/COCO56/article/details/98477502 ↩︎

  3. https://wenku.baidu.com/view/72622ce8d938376baf1ffc4ffe4733687e21fc76.html ↩︎

这篇关于CSDN博客写作技巧的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/218133

相关文章

个人博客文章目录索引(持续更新中...)

文章目录 一、Java基础二、Java相关三、MySql基础四、Mybatis基础及源码五、MybatisPlus基础六、Spring基础及源码七、Tomcat源码八、SpringMVC基础及源码   随着文章数量多起来,每次着急翻找半天,而是新申请的域名下来了,决定整理下最近几年的文章目录索引。(红色标记为常检索文章) 一、Java基础 1、Java基础(一):语言概述2、J

做为技术人员为什么要写博客

原文链接:http://lusongsong.com/info/post/565.html

envi5.6+SARscape560安装(CSDN_20240623)

envi和SARscape的版本必须匹配,否则有些功能不能使用。 Envi5.6安装 1. 点击安装程序. 2. 进入安装界面,点击“Next”. 3. 选择“I accept the agreement”,点击“Next”。 4. 选择安装路径,建议直接安装在默认路径下,点击“Next”。 5. 选择要安装的组件,建议直接安装默认组件,点击“Next”。 6.

SpringBoot2+Vue3开发博客管理系统

项目介绍 博客管理系统,可以帮助使用者管理自己的经验文章、学习心得、知识文章、技术文章,以及对文章进行分类,打标签等功能。便于日后的复习和回忆。 架构介绍 博客管理系统采用前后端分离模式进行开发。前端主要使用技术:Vue3+ElementPlus。后端主要使用技术:SpringBoot2+MyBatisPlus+MySQL8+Redis,使用Minio服务做文件存储。 代码结构 后端代码

从JavaScript 数组去重看兼容性问题,及性能优化(摘自玉伯博客)

缘由 JavaScript 数组去重经常出现在前端招聘的笔试题里,比如: 有数组 var arr = ['a', 'b', 'c', '1', 0, 'c', 1, '', 1, 0],请用 JavaScript 实现去重函数 unqiue,使得 unique(arr) 返回 ['a', 'b', 'c', '1', 0, 1, ''] 作为笔试题,考点有二: 正确。别小看这个考点

从零开始搭建一个酷炫的个人博客

效果图 一、搭建网站 git和hexo准备 注册GitHub本地安装Git绑定GitHub并提交文件安装npm和hexo,并绑定github上的仓库注意:上述教程都是Windows系统,Mac系统会更简单! 域名准备 购买域名,买的是腾讯云域名,购买完成之后的域名管理解析域名域名备案 二、优化网站 使用的Fluid主题,Hexo Fluid 用户手册 增加图床,图片可以放在g

利用阿里云服务器建立简单的个人博客

感谢阿里云9.9服务器学生计划,让我有机会实现自己小时候的梦想。为了能够写出这篇教程,我就默默把服务器(Ubuntu14.04 64位)重置了,从头开始。你可以查看下网页效果。 克隆git远程库 由于服务器刚刚重置,属于全新的,所以没有装git。 ~# sudo apt-get update #获取最新软件包~# sudo apt-get upgrade # 执行更新操作。~# sudo

Flask中制作博客首页的分类功能(二)

在Flask中制作博客首页的分类功能(一)的基础上,继续下面的教程。 发布文章的时候会为文章添加一些标签(tag),这些tag需要和数据库中Category表的tag进行比较,如果已经存在该tag,那么需要将新发表文章的tag与已存在的表格进行对应,如果不存在则要新建一个category表。 首先在python shell中执行操作。 from sql_test import db, Pos

折腾了一下,让博客访问速度变快了

最近一直在写笔记,而没有更新系统性的内容,所以也很久没有打开自己的博客(xuzhougeng.top),最近打算更新一篇笔记的时候,发现博客居然打不开了。 我查了查原因,发现有两方面的问题 我使用halo建站,服务器地理位置不太好我用的halo主题太笨重了,需要加载太多的css 找到问题之后,就很好解决了。 我首先迁移了博客,发现访问速度并没有明显提升。接着,我通过浏览器的开发者工具,检查哪些内

Goodbye CSDN

本人是一名退役oier 近日登陆csdn账号,发现我的许多文章未经我的同意,被改成了vip文章 开博客的初衷本来就是与他人分享想法和知识,这样做会让很多人看不到我的博客 所以是时候再见了,csdn 新博客:doctorZ_ 以后应该会陆续将这边的文章搬过去