如何在博客园写第一篇博客

如何用markdown在博客园里发第一篇博客##

markdown是一种标记语言,在markdown编辑器中编辑好的内容会自动生成html代码,将生成的文档代码拷贝到博客园的编辑器中,选择发布即可。

初次使用博客园写博客,以此作为记录。

1.在博客园创建自己的博客###

具体创建博客见百度,略过

2.设置默认编辑器为markdown,并添加markdown的css样式###

1)进入我的博客->右侧管理->左侧设置默认编辑器

2)博客设置->定制页面css代码,代码如下(来源于网络):

.post{ color:#444; font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:13px; line-height:1.5em; padding:1em;
background:#fefefe; }

.post h1,.post h2,.post h3,.post h4,.post h5,.post h6

.post h1

.post h2

.post h3

h4

.post h5

.post h6

.post hr

.post p,.post blockquote,.post ul,.post ol,.post dl,.post li,.post table,.post pre

.post p

.post pre { background-color: #F8F8F8;
border: 1px solid #CCCCCC; border-radius: 3px; overflow: auto; padding: 5px; }

.post pre code ,.pose .xcode{ background-color: #F8F8F8; border: none;
padding: 0; }

.post code,.post .xcode

.post pre > code

.post a:focus{ outline: thin dotted; } .post a:hover, a:active

.post ::-moz-selection{background:rgba(255,255,0,0.3);color:#000} .post ::selection

.post a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad} .post a::selection

.post blockquote

.post ul,.post ol { margin: 1em 0; padding: 0 0 0 2em; } .post li p:last-child { margin:0 } .post dd

.post img

table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .post @media only screen and (min-width: 480px) { body{font-size:14px;} }

.post @media only screen and (min-width: 768px) { body{font-size:16px;} }

3.下载并安装markdownpad###

markdownpad 2

下载后按提示进行安装即可

4.打开markdown编辑器,编辑文档###

打开编辑器后新建文档,按照格式进行编写,右侧可看到效果,完成后直接拷贝左侧编辑的内容

5.进入我的博客首页添加新随笔,发布###

点击添加新随笔,输入标题,将之前拷贝的内容复制到博客园的编辑区,之后保存,发布。

posted on 2019-08-10 09:48  忆往昔、此去经年  阅读(3529)  评论(0编辑  收藏  举报

导航