博客的实用小技巧

  • 👨‍💻作者简介: 大家好,我是小火车~~,在校大二学生一枚
  • 🛳️个人主页: 嘟嘟嘟的小火车的博客
  • 📗系列专栏: 本文写在《编程相关技能》专栏
  • ✉️如果文章知识点有错误的地方,请指正! 和大家一起学习一起进步🎈
  • 🔥如果觉得博主的文章还不错的话,请👍三连支持👍一下博主哦


前言

这篇博客是记录一些编写CSDN博客的实用小技巧,方便初学者在第一次也能快速顺利地完成一篇漂亮的博客。

一.怎么生成文章目录

其实很简单,只需要在文章前加上:

@[TOC](文章目录)

如果想改成其他的目录名称:

@[TOC](自定义)

前提是你已经用#对文章进行分级

二.文本缩进

由于在写文档的时候,段落首习惯了缩进两个字符,发现使用 Tab 键无法解决这个问题,同时使用多个空格代替的话比较麻烦。

2.1解决方法:

  •  

全角的空格

  •  

半角的空格

  •  (推荐)

半角的非断行的空白格

2.2全角、半角的区别

全角:指一个字符占用两个标准字符位置。

半角:指一字符占用一个标准的字符位置。

通常的英文字母、数字键、符号键都是半角的,半角的显示内码都是一个字节。

全角和半角的区别:

  • 全角占两个字节,半角占一个字节。
  • 半角全角主要是针对标点符号来说的,全角标点占两个字节,半角占一个字节,而不管是半角还是全角,汉字都还是要占两个字节
  • 全角就是字母和数字等与汉字占等宽位置的字。
  • 半角就是ASCII方式的字符,在没有汉字输入法起做用的时候输入的字母数字和字符都是半角的。

三.字体的类型、颜色、大小

3.1 改变字体类型

<font face="SimHei">这里是黑体</font>

<font face="KaiTi">这里是楷体</font>

这里是黑体

这里是楷体

补充:常用字体

字体中文名称字体写法
黑体<font face='SimHei'>
宋体<font face='SimSun'>
新宋体<font face='NSimSun'>
仿宋<font face='FangSong'>
楷体<font face='KaiTi'>
仿宋_GB2312<font face='FangSong_GB2312'>
楷体_GB2312<font face='KaiTi_GB2312'>
微软雅黑<font face='Microsoft YaHei'>

3.2 调节字体大小与颜色

<font size="1">1号字 最小</font>

<font size="2">2号字</font>

<font size="3">3号字 默认</font>

<font size="4">4号字</font>

<font size="5">5号字</font>

<font size="6">6号字</font>

<font size="7">7号字 最大</font>

1号字 最小

2号字

3号字 默认

4号字

5号字

6号字

7号字 最大

<font color="red">红色</font>
<font color="green">绿色</font>
<font color="blue">蓝色</font>

<font color="rgb(200, 100, 100)">使用 rgb 颜色值</font>

<font color="#FF00BB">使用十六进制颜色值</font>

红色
绿色
蓝色

使用 rgb 颜色值

使用十六进制颜色值

四.文字居中

中间
<center>中间</center>

五.背景色

markdown语法中的背景色在scdn并不兼容,只能用表格来改变背景色

<table><td bgcolor=red>红色</td></table>
红色
# 五.图片大小和位置

5.1将图片显示为指定尺寸

在路径后面加上了=100x50,即先空格 + 长x宽.

![在这里插入图片描述](https://img-blog.csdnimg.cn/70454f6418754fc793f07ea606e645dd.bmp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Zif5Zif5Zif55qE5bCP54Gr6L2m,size_8,color_FFFFFF,t_70,g_se,x_16#pic_center =100x50)

5.2 去水印

![在这里插入图片描述](https://img-blog.csdnimg.cn/70454f6418754fc793f07ea606e645dd.bmp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Zif5Zif5Zif55qE5bCP54Gr6L2m,size_8,color_FFFFFF,t_70,g_se,x_16#pic_center =100x50)

把?到结尾的去掉.

![在这里插入图片描述](https://img-blog.csdnimg.cn/70454f6418754fc793f07ea606e645dd.bmp#pic_center =100x50)

5.3图片居中

![在这里插入图片描述](https://img-blog.csdnimg.cn/70454f6418754fc793f07ea606e645dd.bmp?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Zif5Zif5Zif55qE5bCP54Gr6L2m,size_8,color_FFFFFF,t_70,g_se,x_16#pic_center =100x50)

添加#pic_center可以让图片居中


其他专栏

❤️《编程相关技能》专栏
🧡《HTML5》专栏
💛《CSS3》专栏
💚《java从0到1》专栏
💙《英语语法》专栏

  • 11
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值