博客园撰写格式

合集 - 工具篇(4)

1.命令行窗口 Cmd2024-06-15

2.博客园撰写格式2024-06-16

3.电脑小技巧2024-07-154.软件工具集2024-07-20

收起

一、语言：

通常博客都是采用 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>

1. <div>：HTML 元素是流式内容的通用容器。它对内容或布局没有影响。
   
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

2.3 字体样式

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

2.4 字体大小

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

举例：<font size="3"> </font>，设置字体大小为 3号；

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