[P1]解决小白的【博客痛点】——对博客不再迷茫~

前言:

  大家好!这里是YY的干货系列~ 

  博客是个人通过网站用来发布个人文章和内容的工具。小白们或是准备接触编程,或是已经有一定编程经验的准码农,刚刚接触csdn,难免有诸多疑惑,例如:为什么要写博客?怎么样写博客?怎么样写出具有自己风格的博客?

  接下来YY将通过自己的一篇博客从无到有的过程以及文本编辑器的介绍,带大家入门。

  首先先给大伙更新第一章P1,大纲如下;后续YY会接着更新 【进阶操作】和【实战演示】,尽情期待~


大纲:

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第1张图片

目录

一.文本编辑器

1.文本编辑器是什么?

2.该选择哪种文本编辑器?

二.富文本编辑器的使用

1.标题&目录

2. 文本字体&文本操作

3. 块引用&水平线

4.代码块

三.写完文章以后,发布前在csdn要注意的设置


一.文本编辑器


1.文本编辑器是什么?

文本编辑器是一种计算机程序,用于创建、编辑和修改纯文本文件。它们通常提供基本的文本编辑功能,如插入、删除、复制、粘贴、查找和替换文本。

 csdn中提供了两种编辑器,一种是富文本编辑器,另一种是markdown编辑器。

图示:富文本编辑器

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第2张图片

图示:markdown编辑器

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第3张图片


2.该选择哪种文本编辑器?

  长远来看,YY更推荐大家学习使用markdown编辑器,因为markdown这种轻量级标记语言具有1.可读性好2.易学易懂 3.支持多平台 4.支持多格式等等优点。

  而富文本编辑器虽然在许多方面比不过markdown编辑器,但其简练易懂的操作方式让小白们免去了学习markdown语法的过程。

  这篇文章里面,会带大家使用掌握富文本编辑器,快速入门博客。而markdown编辑器的使用会放在这篇博客里面http://待更新。大家自行选择~


二.富文本编辑器的使用


1.标题&目录

标题常常与目录一起使用,比如在下图中,

  1. 我们点击标题可以发现其分为:1~6级标题

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第4张图片

      2.使用方式:圈住要设置成标题的文字,点击要设置的标题等级

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第5张图片

      3.被设置的标题会根据标题等级自动变成对应大小,当我们点击【目录】,其就会自动生成符合等级的目录列表。当我们的博客生成完毕的时候,可以直接点击目录进行跳转。

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第6张图片


2. 文本字体&文本操作

富文本编辑器中主要有如下图几个针对字体的设置:

         [P1]解决小白的【博客痛点】——对博客不再迷茫~_第7张图片

  1. 加粗功能
  2. 设置字体颜色
  3. 设置字体背景
  4. 倾斜
  5. 下划线
  6. 删除线

 富文本编辑器中主要有如下图几个针对文本操作的设置:

    [P1]解决小白的【博客痛点】——对博客不再迷茫~_第8张图片

1.有序列表(回车自动跳分点)(无序列表同理)

  1. 1
  2. 2
  3. 3

2.取消有序/无序列表:回车跳到下一行时,再次点击有序列表

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第9张图片


3. 块引用&水平线

【块引用】和【水平线】是YY很喜欢用的工具,其能极大提高博客的一体性与观感;

  1. 水平线使用:光标箭头停留在如图所示位置处,点击【水平线】

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第10张图片

    2.水平线效果图示:

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第11张图片

    3.块引用用法一【当作背景】:圈住内容部分,点击【块引用】(YY比较喜欢这种用法)

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第12张图片

   4.块引用效果图示:

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第13张图片

   5.块引用用法二【当作引用模块】:在正文内容后面,对所举的知识点/内容/例子进行举例或者说明  (铁子们常用用法)

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第14张图片


4.代码块

点击代码块,选择语言,复制粘贴代码(不要在里面打代码,没有自动对齐功能)

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第15张图片

效果图示:

#yum install -y cowsay
#cowsay "yy"

三.写完文章以后,发布前在csdn要注意的设置

在发布前我们可以在csdn中看到如下界面

  • PS:在写完每个段落前,也要注意保存草稿哟~

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第16张图片

我们要依次进行以下操作:

  1. 选择文章标签
  2. 添加喜欢的封面(自己找网图/自己设置图片)
  3. 文章摘要填写
  4. 分类专栏(专栏是自己的文章模块,收录在自己个人博客下面的)

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第17张图片

设置完后,如图所示:

[P1]解决小白的【博客痛点】——对博客不再迷茫~_第18张图片

你可能感兴趣的:(YY滴《干货分享》,学习,CSDN开发云)