您当前的位置: 首页 > 

星拱北辰

暂无认证

  • 0浏览

    0关注

    1205博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

CSDN博客如何调整文字的字体、大小、颜色

星拱北辰 发布时间:2020-02-17 23:51:13 ,浏览量:0

文章目录
  • 查看旧版主页
  • 缩放博客文章
  • 显示空白字符
  • 序列追加代码
  • 序列追加文本
  • 复杂博客表格
  • 调整文本样式
    • 前端知识补充
    • 七彩文字样例
  • 获取Git入门勋章
    • undefined问题
    • 刷课章节顺序问题
    • 机器人回复卡住不动问题
    • 连接GitCode相关问题
    • 合并请求相关问题
    • 勋章发放问题

查看旧版主页

经过新旧版主页的并用时期,CSDN已经全面推开新版个人主页: 在这里插入图片描述

旧版主页是这样的: 在这里插入图片描述

过去的新旧版主页是可以切换的,现在新版主页不支持切换回旧版主页。

笔者个人不喜欢新版主页,非常习惯于旧版主页,经过尝试,找到了一个旧版主页的查看方法。该方法仅限于自己看起来顺眼,自己和访问者默认查看到的主页还是新版主页。

方法就是,URL输入:你的主页URL+/article/list/1

比如笔者的主页URL为https://blankspace.blog.csdn.net,笔者访问https://blankspace.blog.csdn.net/article/list/1看到的就是旧版主页。

缩放博客文章

选的是首页推送的一篇文章,不是我的文章: 在这里插入图片描述

可见没有目录,就算有目录也显得不方便。

按Ctrl+鼠标滑轮下滑一下,得到90%打开效果:

在这里插入图片描述

神奇的是右侧自动出现了文章目录,而且随着你的阅读而移动,很舒服: 在这里插入图片描述

另外:右侧打开的分类专栏不需要手动点击,自动全部展开,查找方便。

补充:用屏幕较大的显示器也可以起到同样的效果,不必缩放网页。

显示空白字符

在编写CSDN博文的时候,我们打的空白符至多显示一个就不再显示了: 在这里插入图片描述

空白符名称实现代码空白符宽度不换行空格 一个常规空格半角空格 一个英文字母全角空格 一个汉字窄空格 半个英文字母 序列追加代码

先看一看不会缩进代码段的效果:

  1. 歪比巴卜
歪比巴卜
  1. 歪比歪比
歪比歪比

再看看会缩进代码段的效果:

  1. 歪比巴卜
    歪比巴卜
    
  2. 歪比歪比
    歪比歪比
    

第二种排版是不是比第一种好了不少呢?

个人认为第一种比较奇怪,真的。

第一种的Markdown语法格式如下:

在这里插入图片描述

第二种的Markdown语法格式如下:

在这里插入图片描述

所以,关键在两个地方:

  1. 代码段紧跟文字
  2. 代码段统一缩进四个字符,从反问号`开始,包括代码段
序列追加文本

通常,我们的无序列表写成这样:

  • 1
    • 1.1
    • 1.2
      • 1.2.1
    • 1.3
  • 2
    • 2.1
  • 3

Markdown文本如下:

- 1
    - 1.1
    - 1.2
        - 1.2.1
    - 1.3
- 2
    - 2.1
- 3

如果我们需要在无序列表项后加附加文本,以1.2为例,是这样的效果:

  • 1
    • 1.1
    • 1.2 1.2文本
      • 1.2.1
    • 1.3
  • 2
    • 2.1
  • 3

Markdown文本如下:

- 1
    - 1.1
    - 1.2
    1.2文本
        - 1.2.1
    - 1.3
- 2
    - 2.1
- 3

如果我们还需要在子列表项结束后补充父列表项的内容,如果写成这样:

- 1
    - 1.1
    - 1.2
    1.2文本
        - 1.2.1
        1.2补充
    - 1.3
- 2
    - 2.1
- 3

“1.2补充”文本还是属于1.2.1的内容:

  • 1
    • 1.1
    • 1.2 1.2文本
      • 1.2.1 1.2补充
    • 1.3
  • 2
    • 2.1
  • 3

想要解决这一问题,处理方法是在附加文本前加一个换行:

- 1
    - 1.1
    - 1.2
    1.2文本
        - 1.2.1
    
    1.2补充
    - 1.3
- 2
    - 2.1
- 3

效果就对了:

  • 1
    • 1.1

    • 1.2 1.2文本

      • 1.2.1

      1.2补充

    • 1.3

  • 2
    • 2.1
  • 3

如果嫌弃“1.2补充”文本过于贴近1.2.1列表项,可以在“1.2补充”前加一个换行:

  • 1
    • 1.1

    • 1.2 1.2文本

      • 1.2.1

      1.2补充

    • 1.3

  • 2
    • 2.1
  • 3
复杂博客表格

众所周知,基本的Markdown表格语法为:

| ID | 姓名 |
|:----:|:----:|
| 1 | 小明 |
| 2 | 小强 |

效果如下:

ID姓名1小明2小强

表格语法不是特别固定,很灵活,也很丰富,比如可以做的复杂一些:

| ID  | 姓名 | 性别  | 年龄 |
|:----|:-------:|----|-------:|
| 1  | 刘彤 | ♀ | 18 |
| 2 | 肖华 | ♂ | 35 |
| 44  | 李建伟 | undefined | 55 |

效果如下:

ID姓名性别年龄1刘彤♀182肖华♂3544李建伟undefined55

如果想定制化表格,可以借助HTML标签实现:


 
 
 
 
 
  班级信息
  学生ID
  学生姓名
 
 
  班级ID
  班级名称
 
 
  1
  计算机2001班
  20200878
  刘彤
 
 
  2
  计算机2002班
  20200999
  肖华
 
 
  3
  计算机2003班
  20201254
  李建伟
 
 
  4
  计算机2004班
  20201777
  王冰
 
 
  5
  计算机2004班
  20204567
  张彬
 
 
  6
  计算机2004班
  20206743
  赵远
 

效果如下:

班级信息学生ID学生姓名班级ID班级名称1计算机2001班20200878刘彤2计算机2002班20200999肖华3计算机2003班20201254李建伟4计算机2004班20201777王冰5计算机2004班20204567张彬6计算机2004班20206743赵远

实现该效果可以通过Excel实现,即Excel生成对应表格后,选中对应区域,另存为html文件,再从html中取出对应的标签内的内容加以微调即可。

调整文本样式 前端知识补充

如果你不熟悉HTML、CSS的话,有关颜色可以看这里:Here。

比如说下面的20号红色隶书:

隶书

是这么写的:

隶书

再比如说下面的30号绿色楷体:

隶书

是这么写的: 隶书

不想加“代码块”包裹就在标签前面加反斜杠 \ 即可,这样就不会被识别成HTML标签。

七彩文字样例

        《小池》                  [宋]    杨万里 泉眼无声惜细流,树阴照水爱晴柔。 小荷才露尖尖角,早有蜻蜓立上头。

获取Git入门勋章

博主最近想刷勋章,踩了很多坑以后通关了《Git入门》课程。

这个课的讨论区怨声载道,博主刷的时候,博主自己也深深地觉得Lab机器人很恶心。

本文分享一下速通方法,希望对大家有所帮助,早日获得勋章!

undefined问题

在这里插入图片描述

在这里插入图片描述

反复尝试多次,退出重开、重启浏览器等操作博主都试过,还是很G,所以跟客服拉扯。

客服表示无法复现,不存在问题:

在这里插入图片描述

遇到这问题的人很多,解决的方法是:Chrome换Firefox,清空Firefox所有历史信息缓存,登录CSDN加入Git入门课程。

这样操作,博主是解决了问题的。

刷课章节顺序问题

不要跳着刷,一定要从第一章开始刷,不然就算你刷完了后面的章节,前面的章节学完以后马上覆盖你的学习成果。

机器人回复卡住不动问题

这太常见了,那个Lab机器人就是歌姬……

卡住以后,主要通过刷新、关闭网页重进继续学习、回复相关内容等方式期待Lab机器人大发慈悲回你一两句……

样例: 在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

不刷回复是没用的,那机器人不会良心发现的,而且回复的内容得刷对……

连接GitCode相关问题

默认已安装Git,会连接GitHub、Gitee,GitCode也类似!

说一下用户名和密码是什么,用户名就是你的用户id,密码就是你的CSDN登录密码。

合并请求相关问题

合并请求部分实际操作流程:

在这里插入图片描述

https://gitcode.net/username/git-learning-course

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

feature1

注意,不是featurel,是feature1

在这里插入图片描述

在这里插入图片描述

Creating a new branch is quick AND simple.

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

这里一定不要本地合并,一定要在网页合并!

在这里插入图片描述

下一步应该选择“合并”绿色按钮旁边的“解决冲突”

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

博主在这时候遇到了机器人回复不刷新的问题,怎么办呢?博主重新操作了一下,人工又提交了几次commit然后发起feature1向master的合并请求2,合并完成以后机器人就刷新了……

勋章发放问题

好像这课刷完不会马上给勋章,要是拿不到就直接联系人工客服发放吧。

关注
打赏
1660750074
查看更多评论
立即登录/注册

微信扫码登录

0.0760s