您当前的位置: 首页 >  星拱北辰

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

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

文章目录

  • 查看旧版主页
  • 缩放博客文章
  • 显示空白字符
  • 序列追加代码
  • 序列追加文本
  • 复杂博客表格
  • 调整文本样式
    • 前端知识补充
    • 七彩文字样例
  • 获取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刘彤18
2肖华35
44李建伟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,合并完成以后机器人就刷新了……

勋章发放问题

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

关注
打赏
查看更多评论

星拱北辰

暂无认证

  • 3浏览

    0关注

    1198博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录