富文本编辑器应该这么用【博客文章发布、日常记录神器】
剑阁峥嵘而崔嵬,一夫当关,万夫莫开 –‰
📌博主介绍
💒首页:水香木鱼
🛫专栏：CSDN文章模板
✍简介: 博主,花名 “水香木鱼”，星座附属 “水瓶座一枚” 来自于富土肥沃的"黑龙江省"-美丽的 “庆安小镇”
🙈 Blog: 陈春波 【技术选用纯前端开发 ✅Vue3+TS+Ant Design of Vue】
🔰 格言: 生活是一面镜子。 你对它笑， 它就对你笑； 你对它哭， 它也对你哭。
🔋 小目标: 成为 会设计 、会开发的 “万能钥匙”
阅读须知:本篇模板文章适用于喜欢 自定义添加颜色的 博主们【如果不喜欢自定义文字颜色,整体的文章结构亦可参考】 可根据自己的标准去选择自定义模板或者标准模板
📝文章内容
未来的你,将会感谢如今刻苦努力的自己。@小伙伴们,木鱼带着满满的文章模板干货来喽! 👇 富文本强大的功能,分享给每一位 CSDN 博主
本期模板文章,望小伙伴们合理使用,切勿侵权。维护个人版权,人人有责!
✍1、文章构成
在写文章前,我们需要了解 文章的组成部份与注意事项,你才会如鱼得水般,唰唰唰 完美操作。💪
- 文章分类【例如: HTML、CSS、VUE、Java 等】注意 一篇文章内容不要太杂
- 文章附图【例如: 凸显文章主体的内容图片】
- 文章头部信息【例如:个人简介】注意 个人简介 建议在 5 条区间
- 文章主体内容【整篇文章中心内容】注意 内容要符合中心思维
- 文章页脚信息 【例如: 阅后致谢 或其他信息】注意 不要嵌入违规网址
- 文章版权附属 【例如：©版权所有-水香木鱼】注意 不要侵权他人文章，维护原创合法权益,创作不易。
✍2、文章美化
- 动态图【gif 录制工具 ScreenToGif 工具】 可以去百度搜索:
ScreenToGif工具(后期木鱼会将gif工具的资源地址 放在评论区) - 使用
HTML符号【字母式符号、箭头、表情符号等 HTML 实体。】如何使用HTML字符编码请移步前端字符编码-木鱼百科【最基础、但你不一定都知道】 - 使用
HTML部分代码【 增加文字颜色、嵌入自己喜欢的图片】 - 文章的文字颜色搭配【打造文章风格】
✍3、自定义模板源码
相关的结构注释,木鱼已经为伙伴们 添加注释 ,仔细阅读【很简单】
<!-- 选择喜欢的个性logo -->
<img src="https://profile.csdnimg.cn/9/1/8/3_weixin_48337566"/>
---
<!-- 自己喜欢的一段话或者古诗都可以 -->
<font size="4px" color="DarkSeaGreen" >剑阁峥嵘而崔嵬,一夫当关,万夫莫开 –‰</font>
---
<!-- 文章头部信息 -->
## <font color="LightCoral">📌博主介绍</font>
<!-- 此处 有添加HTML符号 -->
💒<font color="DarkSeaGreen">首页:[水香木鱼](https://blog.csdn.net/weixin_48337566?type=blog)</font>
🛫<font color="DarkSeaGreen">专栏：[邂逅 CSS](https://blog.csdn.net/weixin_48337566/category_11732936.html)</font>
✍<font color="DarkSeaGreen">简介: 博主,花名 "水香木鱼"，星座附属 "水瓶座一枚" 来自于</font><font color="Orange">富土肥沃的"黑龙江省"-美丽的 "庆安小镇"</font>
🙈 <font color="DarkSeaGreen">Blog: [陈春波](https://shadow.org.cn) [【技术选用纯前端开发 ✅`Vue3`+`TS`+`Ant Design of Vue`】](https://gitee.com/shadow_constitutor/shadow-blog)</font>
🔰 <font color="DarkSeaGreen">格言: <u> <font color="Salmon">生活是一面镜子。</font> <font color="Gold">你对它笑，</font> <font color="MediumTurquoise">它就对你笑；</font> <font color="Gold">你对它哭，</font> <font color="LightSkyBlue">它也对你哭。</font></u></font>
🔋 <font color="DarkSeaGreen">小目标: 成为<b> 会设计 、会开发的 "万能钥匙"</font></b>
---
<!-- 文章主体内容 -->
## <font color="LightCoral">📝文章内容</font>
> <font color="DarkSeaGreen">未来的你,将会感谢如今刻苦努力的自己。@小伙伴们,木鱼带着满满的干货来喽! 👇 小功能,意想不到的大结果</font>
<!-- 文章标题 -->
### <font color="CornflowerBlue">✍1、测试标题</font>
> <font color="DarkSeaGreen">测试文字</font>
---
<!-- 往期文章推荐部分 建议5条即可 -->
## <font color="LightCoral ">💡往期精彩</font>
### <font color="DarkSeaGreen">🈯[]()</font>
### <font color="DarkSeaGreen">🈯[]()</font>
### <font color="DarkSeaGreen">🈯[]()</font>
### <font color="DarkSeaGreen">🈯[]()</font>
### <font color="DarkSeaGreen">🈯[]()</font>
---
<!-- 点我看看吧 logo -->
[<img src=" https://img.alicdn.com/imgextra/i4/O1CN01lWBOlQ1NatIUxe3Hl_!!6000000001587-54-tps-140-160.apng " width="45" />](https://shadow.org.cn)
<!-- 文章页脚信息 -->
## <font color="LightCoral">📢博主致谢</font>
> <font color="DarkSeaGreen">非常感谢小伙伴们阅读到结尾，本期的文章就分享到这里，总结了`(前端css解决背景图、图片自适应的问题【通用】)`，希望可以帮到大家，谢谢。</font> > <font color="DarkSeaGreen">如果你觉得本篇文章有帮助到您，鼓励一下木鱼吧! `点击`【`关注+点赞+收藏+评论+转发` 】支持一下哟</fonr> > <font color="DarkSeaGreen">🙏您的支持就是我更新的最大动力。<font><font color="Tomato" >⭐⭐⭐记得一键三连呦!⭕</font>
---
<!-- 版权部分 -->
<font color="LightSeaGreen">© 文章护眼模板—版权所有 【水香木鱼】2022-04-25</font>
✍4、标准模板源码
<!-- logo -->
<img src="https://profile.csdnimg.cn/9/1/8/3_weixin_48337566"/>
<!-- 经典的语录 -->
## <font color="LightGrey" >剑阁峥嵘而崔嵬,一夫当关,万夫莫开 🏆 @蜀道难</font>
<!-- 头部信息 个人介绍 -->
## 🔎 了解博主
1. 📢 个人简介: 哈喽！小伙伴们，我是水香木鱼，水瓶座一枚 😜 来自于<font color="CadetBlue">黑龙江 庆安</font>
2. 🏡 本站首页: [水香木鱼](https://blog.csdn.net/weixin_48337566?type=blog)
3. 🚀 博客主页: [陈春波](https://shadow.org.cn) 👉 开源博客【纯前端开发-`Vue3`+`TS`+`Ant Design of Vue`】，来 Star⭐[Gitee](https://gitee.com/shadow_constitutor/shadow-blog)吧 ! 拥有属于我们自己的 Blog。
4. 🎨 系列专栏：[]()
5. 📖 人生格言: <u> <font color="Salmon">生活是一面镜子。</font> <font color="Gold">你对它笑，</font> <font color="MediumTurquoise">它就对你笑；</font> <font color="Gold">你对它哭，</font> <font color="LightSkyBlue">它也对你哭。</font></u>
6. 🌏 小目标: 成为<b><font color="DarkSalmon">前端布道师</font></b>
---
<!-- 文章主体内容 -->
## 📑 文章内容
---
<!-- 页脚信息 -->
## [<img src=" https://img.alicdn.com/imgextra/i4/O1CN01lWBOlQ1NatIUxe3Hl_!!6000000001587-54-tps-140-160.apng " width="45" />](https://shadow.org.cn)博主致谢
> 非常感谢小伙伴们阅读到结尾，本期的文章就分享到这里，总结了`()`，希望可以帮到大家，谢谢。
👉 如果你觉得本篇文章有帮助到您，鼓励一下木鱼吧! `点击`【`关注+点赞+收藏+评论+转发` 】支持一下哟
😛 您的支持就是我更新的最大动力。👇
---
<!-- 往期文章推荐部分 -->
## <font color="CornflowerBlue"><b>往期精彩</b></font>
💡往期精彩
🈯前端开发：颜色代码速查表【英文颜色、HEX格式、RGB格式】
🈯盘点，这些年你知道的鼠标移入显示小手图标的css的cursor 属性，你还记得吗？
📢博主致谢
非常感谢小伙伴们阅读到结尾，本期的文章就分享到这里，总结了
(富文本编辑器应该这么用【博客文章发布、日常记录神器】)，希望可以帮到大家，谢谢。
如果你觉得本篇文章有帮助到您，鼓励一下木鱼吧!点击【关注+点赞+收藏+评论+转发】支持一下哟
🙏您的支持就是我更新的最大动力。⭐⭐⭐记得一键三连呦!⭕
© 文章模板—版权所有 【水香木鱼】v.0.01
