博客园撰写格式
一、语言:
通常博客都是采用 markdown语言。
1.1 markdown语言
教程1:https://markdown.com.cn/basic-syntax/
教程2:https://forum-zh.obsidian.md/t/topic/435/
教程3:https://markdown.com.cn/intro.html
教程4:https://www.math.pku.edu.cn/teachers/lidf/docs/Rbook/html/_Rbook/markdown.html
1.2 Html 语言
(1)markdown 提供了可无缝转换为 HTML 的轻量级语法。对于 Markdown 涵盖范围之外的标签,都可以直接在文件里面用 HTML 本身。如需使用 HTML,不需要额外标注这是 HTML 或是 Markdown,只需 HTML 标签添加到 Markdown 文本中即可。
(2)教程:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/div
二、字体格式、间距
与 Markdown 内嵌 HTML 标签 相关,详见 https://markdown.com.cn/basic-syntax/htmls.html
前景色/背景色 https://m.imooc.com/wiki/markdownlesson-markdowncolor
字体大小 https://m.imooc.com/wiki/markdownlesson-markdownfont
2.1 案例
<div style="background:#fefff2; color:#0;">
<style> p{font-size: 3rem Microsoft YaHei;line-height: 2} </style>
</div>
<style> p{font-size: 12pt; font:Microsoft YaHei;line-height: 2 !important;} </style>
<div style="background: #fefff2;">
<style> p {font: 12pt Microsoft YaHei; line-height: 2 !important; } </style>
<div style="background:#fefff2; color:#0;"></div> // 背景
<font style="background: fffbeb"></font> // 局部
<style> p{font: 12pt Microsoft YaHei;line-height: 2} 111</style> // 整体
<style> p{font-size: 3rem Microsoft YaHei;line-height: 2} </style> // 整体
<font face="微软雅黑" size=3 p style="line-height: 2"></font> // 局部
<style>
body { background-color: #fffbeb !important; } // 背景色
h1,h2,h3,h4,h5,h6,h7,p { color: #000 !important; } // 前景色
</style>
- <div>:HTML 元素是流式内容的通用容器。它对内容或布局没有影响。
- style:风格;
- background:背景颜色;
- color:正文字体颜色;
- front size:正文字体大小,small 小号字体;
- <front XX front> :代表设置字体的格式,face 字体样式,size 字体大小,p style 行间距。
2.2 颜色取值
# fefff2:颜色的十六进制代码,可从网站获取;
颜色取值网站: https://encycolorpedia.cn/fefff2
2.3 字体样式
在 Markdown 文件中,建议使用 标签的 face 属性修改文字字体。
<font face='微软雅黑'>
,设置字体样式为 微软雅黑;
2.4 字体大小
- 局部字号,Markdown 文档中的字号定义有三种主要方式:
第一种是使用 标签;
第二种通过 或者 标签;
第三种是通过修改 style 样式实现。
举例:<font size="3"> </font>
,设置字体大小为 3号;
- 全局字体,使用 style 样式修改全局字体和字号
<style>
h1 { font: 26pt song !important; }
h2 { font: 22pt song !important; }
h3 { font: 16pt song !important; }
p { font: 14pt kai !important; }
</style>
2.5 字体颜色
<font color=#00ff> 绿色字体 </font>
<font color=#33CC33> 绿色字体 </font>
2.6 正文行间距
<P style="line-height:2em">
设置行间距为2倍字体;
三、个人签名
<div style="background:#fefff2; color:#0;font-size:small;">
**作者:<a href="https://www.cnblogs.com/knowledgeable/"> 春雨冬雪 </a>**
**出处:<a href="https://www.cnblogs.com/knowledgeable/">http://www.cnblogs.com/knowledgeable</a>**
**关于:专注编程领域,请多多赐教!**
**版权:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。如有问题,可私信留言。**
四、上传图片
https://www.cnblogs.com/malinyan/p/a10.html
作者: 春雨冬雪
出处:http://www.cnblogs.com/knowledgeable
关于:专注编程领域,请多多赐教!
版权:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。如有疑问,可私信留言。
本文来自博客园,作者:春雨冬雪,转载请注明原文链接:https://www.cnblogs.com/knowledgeable/p/18250123