博客园撰写格式



一、语言:

通常博客都是采用 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>
<div style="background: #b1ff4a;">
<style> p{font-size: 12pt; font:Microsoft YaHei;line-height: 2 !important;} </style>

<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>

  1. <div>:HTML 元素是流式内容的通用容器。它对内容或布局没有影响。
    image
  2. style:风格;
  3. background:背景颜色;
  4. color:正文字体颜色;
  5. front size:正文字体大小,small 小号字体;
  6. <front XX front> :代表设置字体的格式,face 字体样式,size 字体大小,p style 行间距。

2.2 颜色取值

# fefff2:颜色的十六进制代码,可从网站获取;
颜色取值网站: https://encycolorpedia.cn/fefff2
image

2.3 字体样式

在 Markdown 文件中,建议使用 标签的 face 属性修改文字字体。
<font face='微软雅黑'>,设置字体样式为 微软雅黑;

2.4 字体大小

  1. 局部字号,Markdown 文档中的字号定义有三种主要方式:
    第一种是使用 标签;
    第二种通过 或者 标签;
    第三种是通过修改 style 样式实现。

举例:<font size="3"> </font>,设置字体大小为 3号;

  1. 全局字体,使用 style 样式修改全局字体和字号
<style>
h1 { font: 26pt song !important; }
h2 { font: 22pt song !important; }
h3 { font: 16pt song !important; }
p { font: 14pt kai !important; }
</style>

image

2.5 字体颜色

<font color=#00ff> 绿色字体 </font>
image

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>**
**关于:专注编程领域,请多多赐教!**
**版权:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。如有问题,可私信留言。**

作者: 春雨冬雪
出处:http://www.cnblogs.com/knowledgeable
关于:专注编程领域,请多多赐教!
版权:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。如有疑问,可私信留言。

posted @ 2024-06-16 17:29  春雨冬雪  阅读(2)  评论(0编辑  收藏  举报