【小白】如何写好自己的一篇CSDN博客(美化1)
前提:
你得拥有一个CSDN账号!
(下面是我个人写完几篇blog的心得,让你拥有炫酷博客~)
目录
- (一) 创建自己第一篇文章
- (二)个人主页美化
(一) 创建自己第一篇文章
登录CSDN,找到它,点击开始写你的第一篇博客。
CSDN主要有两种编辑器:Markdown编辑器和富文本编辑器;我选的
环境:
Markdown编辑器。
Markdown编辑器特点:
- 左右对比查看,方便修改;
- 最上面一栏和我们常用的office/WPS用法相同;
- 编辑器支持常用快捷键:ctrl+c(复制)、ctrl+v(粘贴)、ctrl+z(撤销最后一次编辑)等;具体用法可打开保存旁边的问号按钮——帮助文档;
- 支持强力拖拽来粘贴图片,将Word上的图片直接拖拽到Mark文档上;当然最上面一栏引入图片也可以从电脑文件夹中上传一张图片;我个人喜欢用快捷键粘贴图片~
- 记得常点击保存,避免断电、断网、意外关闭网页造成心血化为泡沫;
- 最后点击发布文章,好的标签、分类也是一片好文章所必要的。
当然,并不是发布后就无法挽回,进入CSDN文章管理页面,随时可以再次对其进行编辑完善~
题目位置:在最上端哦;拥有一个炫酷的title你已经成功了一大半了。
导航目录:这是Markdown编辑器为博主提供的目录导航快捷方式,方便读者阅读时直接跳转到相应目录,很人性化的设计哦,具体实现如下:
在文章编辑时我们通常会设置一级标题(“#”+“一个空格”)、二级标题(“##”+“一个空格”)、三级标题(“###”+“一个空格”)等,在Markdown编辑器下提供了6级标题:
如何体现的呢:
当你设置了一级标题时,如下:
设置二级标题和更低级标题时,“好导航、不迷路”:
文本样式:可以使用菜单栏的快捷方式,也可以手敲命令实现
彩色文案
,效果比全篇黑白文案好很多哦!
字体背景色:
<table><tr><td bgcolor=orange> 背景色是orange</td></tr></table>
字体美化:
<font color="red">中间写上想说的话</font>
<font color=#f111f1>中间写上想说的话</font><font face="黑体">黑体字示例</font>
<font face="微软雅黑">微软雅黑示例</font>
<font face="STCAIYUN">华文彩云示例</font><font color=#0099ff size=5 face="STCAIYUN">color=#0099ff size=6 face="黑体"</font>
<font color=red size=5>color=#00ffff</font>
安利其他博主的总结:
- 颜色库
- 搭配实例 ~~ 干货建议收藏 !!
分享一下我个人常用的16进制颜色图
:
6. 插入代码、图片、动图:
插入代码片:这是程序猿交流、分享经验不可或缺的一步,下面是几段代码片的实践,大家来感受一下:
插入代码片时,记得输入相应的语言种类才能高亮哦!
插入图片:
插入图片方法:a. 用快捷键粘贴图片、文字等:
ctrl+c(复制)、ctrl+v(粘贴),可以从Word上粘贴到Markdown编辑器上,不用每次点击另存Word图片再上传了,人性化+1;
b.暴力插入:
强力拖拽来粘贴图片,将Word上的图片直接拖拽到Mark文档上;但是Markdown编辑器不支持文字拖拽排序,只能选中文本Ctrl+z和Ctrl+v来调整编辑器上文字、图片、代码片的顺序;
c. 菜单栏引入:
图片也可以从电脑文件夹中上传一张图片,最原始,通常引入文件夹中的图片、视频等。改变图片大小:
原图:直接复制过来,不做改变
按原图比例缩放:在70后面+“一个空格”+“=尺寸”+“小写的x”
按固定大小缩放:在70后面+“一个空格”+“=长x高”插入GIF动图:
- 从文件夹上传GIF动图
- 手机录屏.mp4在线转GIF上传
(1). 任意下载一个手机录屏软件–例如:录屏精灵
(2). 录制完之后是一个mp4格式的视频文件,上传到电脑,
(3). 将其转成gif动态图请打开在线转换器
:https://ezgif.com/video-to-gif
如果你觉得满意就Save到本地吧,最后上传到CSDN上就可以啦~
示例:
优化排版:
有没有遇到排版前后层次不齐呢,解决方法——空格拯救强迫症星人!
下面的示例大家感受一下:
问题一:标题上的中英文括号不一致,空格个数不一致,#个数不一致
问题二:插入片段、图片、代码片没有层次感
问题三:图片位置乱窜
问题四:不仅是图片,文字内容未换行,排版效果都会差很多,在你写博客的时候也会有明显感受!要注意换行哦!
问题五:序号排列不整齐:注意在“1. ”后有一个空格,与标题“# ”后有一个空格同理:
再次强调注意保存,保存!!!
CSDN还有一个设置我要透露一下,不建议在非工作时间发博哦!就算你发了,也处于在审核状态,读者无法阅读;等待审核不如第二天9:00后再发一次,因此,习惯深夜码字的猿们非常不解,这算是CSDN的一个弊端吧!
(二)个人主页美化
一个漂亮的博客不仅得有可读性高的博文,CSDN支持个人主页设置~
- 进入文章管理
- 进入博客设置:设置博客标题、描述、皮肤、默认编辑器、代码片样式、版权声明~
最后,再炫酷
的博客都不如优秀的内容支撑,技术贴
才是好的贴~
【小白】如何写好自己的一篇CSDN博客(美化1)相关推荐
- 如何写好一篇CSDN博客——小白入门(自用)
文章目录 零.引言 一. [编辑器环境] 二. [Markdown编辑区详细说明] 2.1 题目位置 2.2 导航目录 2.3 文本样式 2.4 字体背景色 2.5 字体美化 2.6 插入代码.图片. ...
- 阿呆的第一篇CSDN博客
阿呆的第一篇CSDN博客 我是谁 为何而来? 往哪里去 一个月时间规划自己的经济收入支出 建一个书单 记录数学推导 我是谁 我是阿呆,武汉某高校工科研究生,在做计算机数值模拟计算方向的入门的学习工作. ...
- 我的第一篇CSDN博客文章
我的第一篇CSDN博客文章 今天是2016-08-30,作为一个临近毕业的在校大学生,马上就要开始九月份的找工作了,这两年在学校里面凭借兴趣以及专业方面的点点滴滴,决定了基本就从事IT编程这方面的工作 ...
- 第一篇CSDN博客 python爬虫豆瓣排名前250的电影
## 第一篇CSDN博客 python爬虫豆瓣排名前250的电影 1.首先,这是本宝宝的第一篇博客,嘿嘿,有点小激动,之所以采用CSDN发博客呢有两个原因,1是因为现在学的东西比较多,自己学着学着就忘 ...
- 类选择器和所作用的标签一起写为什么不起作用? - CSDN博客
原文:类选择器和所作用的标签一起写为什么不起作用? - CSDN博客 HTML代码: css样式: 这不是将样式作用于circle类下的有current类的li标签吗?为什么不起作用? 原因: 选择器 ...
- 我的第一篇CSDN博客--微信小程序
我的第一篇CSDN博客 产品定位及功能介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验 小程序注册 微信小程序是一种全新的连接用户与服务的方式 ...
- 作为我的第一篇csdn博客吧
现在大二快结束了,看好多网上大佬们都说写博客是个好习惯,算是总结一下学习过程中的坑吧.本人大学以后很不擅长做笔记,改改毛病吧. 以后试着了解github,听说很流弊. 还有还有,前几天的事情,mgj, ...
- 关于笔记本屏幕的一点个人意见——鄙人的第一篇CSDN博客
据说CSDN上面有很多牛人,所以来这里写博我还是斗争了一下的.这是一个比较Pro的博客,而我现在在IT方面基本外行. 关于笔记本屏幕,想信有很多人和我一样发现了一种趋势--越来越多的笔记本采用了反光表 ...
- 没什么卵用的第一篇CSDN博客
在这里,写博客只有一个目的. 那就是像记录数学笔记一样写题解. 既然时间长了,可能会遗忘,那么为什么不把它保存起来,日后欣赏呢? 所以我暂时选择了这个地方保存我的题解-- NOIP2017已过.未来在 ...
- 究极小白的第一篇csdn博客
模仿暴雪游戏登录界面 首先去掉默认的margin和pading和下划线,代码如下: *{ text-decoration: none; margin: 0; padding: 0; } 第二步加上背景 ...
最新文章
- 如何删除/删除Python不为空的文件夹?
- python空值填充为固定值_Python基础:numpy中空值怎样设置
- Python学习(七)面向对象 ——封装
- SharePoint关于publish page, WiKi page, Web part page区别
- openstack havana vlan安装成功
- Hadoop学习总结:Map-Reduce入门
- 阿里云发布智慧书店解决方案 联手新华书店总店落地首个“城市书房”
- 联想android刷机教程,联想YOGA Tablet 2线刷刷机教程 Android版可救砖
- 360产品无法安装,此程序被组策略阻止
- 统一AI教育是怎么样
- 什么是自然语言处理,自然语言处理能做什么,主要有哪些哪点?
- errorreporting php,php-phpin的error_reporting 22527中的22527是什么
- python怎么设置随机数种子_python实验随机种子的设置
- std::move使用不当引起的copy elision
- SQL相关知识点(一)
- tensorflow与pytorch 一起安装
- 微软收购以色列触控笔技术
- 【Git】自建代码托管平台-GitLab
- Java石头剪刀布(简单小游戏)
- 华为浏览器html页样式没了,华为TE40web页面无发登录如何解决?
热门文章
- 已有Microsoft365许可证,但是office无法激活
- goldendict for linux,GoldenDict(for Linux)配置无道词典
- 条条道路通罗马感受古罗马帝国的辉煌时代!
- pyqt5 从本地选择图片 并显示在label上
- Linux搭建LAMP、LNMP环境;论坛的搭建;
- 数仓建模—元数据管理
- 改进平滑滚动,修改音量调节级数实现音量微调【编译自XDA 适用于大部分设备】
- Oracle Becomes 2nd Largest Software Company
- Intel Barefoot Academy - P4实战特训营
- everedit 格式化json_Bracket 使用指南