CSDN写博客的实用tips


0 生成目录

在开头粘贴:

</font>

@[TOC](文章目录)


<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1">



# 

1 公式输入

在线LaTEX公式编辑器,写完了粘贴入$$ 之间就行。

形如: t = a 2 + b 2 t=\sqrt{a^2+b^2} t=a2+b2

$t=\sqrt{
    
    a^2+b^2}$

2 字体格式

2.1 颜色

可以根据需要设置,字体的颜色并叠加 加粗高亮

  • 字体颜色替换格式:
<font color="#FF0000">**此处是加粗的替换文本**</font> 
  • 显示效果:此处是加粗的替换文本

  • 推荐字体颜色:
    浅红色文字: <font color="##FF0000">浅红色文字</font>
    深红色文字:<font color=" #B22222">深红色文字</font>
    浅蓝色文字:<font color="#4169E1">浅蓝色文字</font>
    深蓝色文字:<font color="##0000FF">深蓝色文字</font>
    浅金色文字:<font color="#FFD700">浅金色文字</font>
    深金色文字:<font color="#EEB422">深金色文字</font>

  • 其他颜色请参见:RGB颜色对照表

2.2 大小

  • 字体大小替换格式:
<font size=1>size为1</font> # 字体大小为1
  • 显示效果:size为1
  • 字体大小对比:
    size为1: <font size=1>size为1:</font>
    size为2:<font size=2>size为2:</font>
    size为3:<font size=3>size为3:</font>
    size为4:<font size=4>size为4:</font>
    size为5:<font size=5>size为5:</font>
    size为6:<font size=6>size为6:</font>

2.3 格式

  • 字体格式替换格式:
<font face=黑体>黑体</font> # 字体格式为黑体
  • 显示效果:黑体
  • 字体格式对比:
    黑体: <font face=黑体>黑体:</font>
    宋体:<font face=宋体>宋体:</font>
    微软雅黑:<font face=微软雅黑>微软雅黑:</font>
    happy every day:<font face=Times New Roman>happy every day:</font>

2.4 高亮

  • 字体高亮替换格式:
<table><tr><td bgcolor=#BBFFFF>RGB颜色对照表:#BBFFFF</td></tr></table>
  • 显示效果:
RGB颜色对照表:#FDF5E6
RGB颜色对照表:#FAF0E6
RGB颜色对照表:#FAEBD7
RGB颜色对照表:#FFDEAD
RGB颜色对照表:#FFFF00

3 页面内跳转

  • 页面内跳转起点
[你的文本](#跳转索引)
  • 页面内跳转的终点
<div id="跳转索引">此处尽量有文字(否则可能会跳转到页面顶部)</div>
 [点击这里跳转到文末 **总结**](#1) 
回城点
 <div id=2> 回城点</div>

4 自动生成纯文本表格

超牛批的工具:自动生成纯文本表格神器

5 插入图片并排显示


<img src="https://img-blog.csdnimg.cn/20210105135517570.png" width="50%"><img src="https://img-blog.csdnimg.cn/20210105135517570.png" width="50%">

<img src="https://img-blog.csdnimg.cn/20210105135517570.png" width="30%"><img src="https://img-blog.csdnimg.cn/20210105135517570.png" width="30%"><img src="https://img-blog.csdnimg.cn/20210105135517570.png" width="30%">

6 总结

你来了,那我们再跳回去吧。
<div id=1>你来了,那我们再跳回去吧。</div>

点击这里跳转到 回城点

 [点击这里跳转到 **回城点**](#2)  

References:
https://blog.csdn.net/qq_27061049/article/details/108893828
https://blog.csdn.net/sunny_345/article/details/106677136
https://blog.csdn.net/21aspnet/article/details/108406483

猜你喜欢

转载自blog.csdn.net/qq_36056219/article/details/109035977