如何使用Gitblog和Markdown建自己的博客
字体：[ ] 类型：转载 时间：
这篇文章主要交大家如何使用Gitblog和Markdown建自己的博客，如何大家拥有服务器或者云平台提供的云主机，我推荐大家使用Linux+ Nginx 来运行Gitblog，如果大家目前只有Apache环境也可以,需要的朋友可以参考下
下面给大家分享下如何使用Gitblog和Markdown建自己的博客，如何大家拥有服务器或者云平台提供的云主机，我推荐大家使用Linux+ Nginx 来运行Gitblog，如果大家目前只有Apache环境也可以。
将你准备好的域名解析到你的主机IP，推荐使用 dnspod 来管理和监控你的域名，具体的使用方法参考dnspod官方说明文档，非常简单。
Nginx+PHP运行环境
首先安装好你的Nginx和PHP环境，PHP版本要求5.3以上。如果你没有安装过，可Google搜索相关教程，也可以参照Nginx和PHP官方的文档。这是第一步，有一个正常的Nginx + PHP的运行环境。
nginx可参考如下配置：
root /data/vhosts/;
index index.html index.htm index.
location ~ \.(jpg|png|gif|js|css|swf|flv|ico)$ {
expires 12h;
location / {
if (!-e $request_filename) {
rewrite ^(.*)$ /index.php?$1
location ~* ^/(doc|logs|app|sys)/ {
return 403;
location ~ .*\.(php|php5)?$
fastcgi_connect_timeout 300;
fastcgi_send_timeout 300;
fastcgi_read_timeout 300;
fastcgi_pass
127.0.0.1:9000;
fastcgi_index index.
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_
include fastcgi_
将以上配置中的server_name和root改成你自己的，fastcgi_pass配成你的CGI进程端口。
由于Gitblog的缓存机制需要写 app/cache 目录，必要时请查看并修改这个目录的权限，以确保你的PHP拥有写这个目录的权限。通常你只需要将此目录的所属者和组修改成CGI的运行账户。
以上配置好以后，启动你的Nginx和CGI服务，上传Gitblog源代码到网站目录，通过浏览器访问解析到本机的域名观察页面效果。如果页面没有正常显示，通过错误码来检查你的CGI和Nginx配置。
Gitblog介绍
Gitblog是一个简单易用的Markdown博客系统，它不需要数据库，没有管理后台功能，更新博客只需要添加你写好的Markdown文件即可。它摆脱了在线编辑器排版困难，无法实时预览的缺点，一切都交给Markdown来完成，一篇博客就是一个Markdown文件。同时也支持评论，代码高亮，数学公式，页面PV统计等常用功能。Gitblog提供了不同的主题样式，你可以根据自己的喜好配置，如果你想自己制作博客主题，也是非常容易的。Gitblog还支持整站静态导出，你完全可以导出整站静态网页部署到Github Pages。
二. 功能特点
使用Markdown
Latex数学公式
全站静态导出
三. GitBlog优势
无需数据库，系统更轻量，移植更方便
使用Markdown编写，摆脱后台编辑排版困难，无法实时预览的缺点
可全站静态导出
配置灵活，可自由开关某些功能
多主题支持，可自制主题
博客，分类，标签，归档
四. 环境要求
PHP 5.2.4+
五. 安装步骤
下载Gitblog源代码
解压上传到你的PHP网站根目录
打开浏览器，访问网站首页
上传Markdown文件到 posts 文件夹
以上内容就是如何使用Gitblog和Markdown建自己的博客的全部内容，希望大家能够喜欢。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具今天看啥 热点：
关于markdown怎么在博客园展示出来的问题，markdown博客展示
因为知晓了markdown标记,故而之后写博客都是用的这玩意,但是在wiz上写好后,却发现在博客园上无法展示出来,很郁闷.
后来发现markdownpad可以将md文件转成html,但是转换后的html复制到博客园上,因为css问题,整个博客外貌都歪楼了...
因此将markdownpad转换后的html中的css抽取出来,删掉了table之后,复制到博客园的css设置中.
博客园终于显示正常了
不过当前一个问题是,metaweblog.aspx不支持了...
以下是css文件
&style type="text/css"&
/* GitHub stylesheet for MarkdownPad () */
/* Author: Nicolas Hery -
/* Version: b13fe65ca28d2e568c6ed5d7ff2ff */
/* Source: /nicolahery/markdownpad-github */
=============================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
=============================================================================*/
font-family: Helvetica, arial, freesans, clean, sans-serif;
font-size: 14px;
line-height: 1.6;
color: #333;
background-color: #fff;
padding: 20px;
max-width: 960px;
margin: 0 auto;
body&*:first-child {
margin-top: 0 !important;
body&*:last-child {
margin-bottom: 0 !important;
=============================================================================*/
p, blockquote, ul, ol, dl, table, pre {
margin: 15px 0;
/* HEADERS
=============================================================================*/
h1, h2, h3, h4, h5, h6 {
margin: 20px 0 10px;
padding: 0;
font-weight: bold;
-webkit-font-smoothing: antialiased;
h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
font-size: inherit;
font-size: 28px;
color: #000;
font-size: 24px;
border-bottom: 1px solid #ccc;
color: #000;
font-size: 18px;
font-size: 16px;
font-size: 14px;
color: #777;
font-size: 14px;
body&h2:first-child, body&h1:first-child, body&h1:first-child+h2, body&h3:first-child, body&h4:first-child, body&h5:first-child, body&h6:first-child {
margin-top: 0;
padding-top: 0;
a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
margin-top: 0;
padding-top: 0;
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
margin-top: 10px;
=============================================================================*/
color: #4183C4;
text-decoration: none;
text-decoration: underline;
=============================================================================*/
padding-left: 30px;
ul li & :first-child,
ol li & :first-child,
ul li ul:first-of-type,
ol li ol:first-of-type,
ul li ol:first-of-type,
ol li ul:first-of-type {
margin-top: 0px;
ul ul, ul ol, ol ol, ol ul {
margin-bottom: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
font-style: italic;
padding: 0;
margin: 15px 0 5px;
dl dt:first-child {
padding: 0;
dl dt&:first-child {
margin-top: 0px;
dl dt&:last-child {
margin-bottom: 0px;
margin: 0 0 15px;
padding: 0 15px;
dl dd&:first-child {
margin-top: 0px;
dl dd&:last-child {
margin-bottom: 0px;
=============================================================================*/
pre, code, tt {
font-size: 12px;
font-family: Consolas, "Liberation Mono", Courier, monospace;
code, tt {
margin: 0 0px;
padding: 0px 0px;
white-space: nowrap;
border: 1px solid #eaeaea;
background-color: #f8f8f8;
border-radius: 3px;
pre&code {
margin: 0;
padding: 0;
white-space: pre;
border: none;
background: transparent;
background-color: #f8f8f8;
border: 1px solid #ccc;
font-size: 13px;
line-height: 19px;
overflow: auto;
padding: 6px 10px;
border-radius: 3px;
pre code, pre tt {
background-color: transparent;
border: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #DDDDDD;
background-image: linear-gradient(#F1F1F1, #DDDDDD);
background-repeat: repeat-x;
border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
border-image: none;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 10px;
padding: 1px 4px;
=============================================================================*/
blockquote {
border-left: 4px solid #DDD;
padding: 0 15px;
color: #777;
blockquote&:first-child {
margin-top: 0px;
blockquote&:last-child {
margin-bottom: 0px;
/* HORIZONTAL RULES
=============================================================================*/
clear: both;
margin: 15px 0;
height: 0px;
overflow: hidden;
border: none;
background: transparent;
border-bottom: 4px solid #ddd;
padding: 0;
=============================================================================*/
max-width: 100%
&style type="text/css"&
.highlight
{ background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
.task-list {
padding-left:10px;
margin-bottom:0;
.task-list li {
margin-left: 20px;
.task-list-item {
list-style-type:none;
padding-left:10px;
.task-list-item label {
font-weight:400;
.task-list-item.enabled label {
cursor:pointer;
.task-list-item+.task-list-item {
margin-top:3px;
.task-list-item-checkbox {
display:inline-block;
margin-left:-20px;
margin-right:3px;
vertical-align:1px;
如下：但插入本地图片，我也不会了。。。补充：插入本地图片：直接写相对路径，就好了，如：
&!DOCTYPE HTML&&html&&head&&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&&title&无标题文档&/title&&style type=&text/css&&.wrap{width:430height:100margin:0position:}.line{width:100%;height:1background:#000;position:top:50%}.content{width:60%;line-height:30overflow:background:#position:top:25%;left:15%;padding:0 5%;margin:0;text-align:}&/style&&/head&&body&&div class=&wrap&&
&div class=&line&&&/div&
&p class=&content&&I AM AN ENGINEER ON ARTITECTURE OF GILLEN COMPANY&/p&&/div&&/body&&/html&
暂无相关文章
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&&&&&&&
Asp.Net教程最近更新课程名称读取中
支付宝支付
由百度提供技术支持
&学院APP&&
扫描微信二维码精彩活动、课程更新抢先知
下载客户端，离线视频任您学
1.&介绍使用CSDN Markdown在线编辑博客
【课程类型】实战教学
【难度级别】初级
【适合人群】所有人
【课程介绍】 简单介绍如何使用CSDN的Markdown编辑器来写博客。
【课程目标】 使用CSDN的MarkDown编辑器写简单的文章。文字说明
http://blog.csdn.net/column/details/csdnmarkdown.html
【课程计划】 共一节。
全部评价（20）
好评（20）
挺好的，就是课程内容有点少
很实用学一学
感谢老师的分享！！
恩，挺不错的，值得看
挺不错的，学习了，谢谢！
1课程5064学员
参考知识库
为您推荐课程
讲师：CSDN高校俱乐部 8课时
讲师：宋燕武 46课时
讲师：张思宇 8课时
讲师：黄小刚 20课时
讲师：白仕云 21课时选择登录方式:
阿里妈妈MUX文章分享
Markdown - 引领未来科技写作的博客利器
一、什么是Markdown?通常可以这样理解，对于网络上写作的人，Markdown 是 一种text-to-html (文本到 html)的转换工具。它提供给你一种方便阅读、方便书写的纯文本格式，然后把纯文本转换成符合语意并且结构化良好的 HTML 或者 XHTML.阅读全文事实上，如同一样，Markdown 同样是一种 Markup Language(标记语言)。只不过，Markdown 是更轻量级的、对书写和阅读更友好的标记语言。也正是为了达成这样的目标， 和
才创造了 Markdown.标记语言也好，工具也好，Markdown 只关注两件事情，以真正实现易读易写的目标：格式化的纯文本语法；John Gruber 用 Perl 开发的脚本工具将纯文本转换成格式化的 HTML.这对于网络写作的人而言，他只需要专注在文字，而不必纠结文章的 HTML 标签如何结构化，怎样让文章展现的更好看，更可读，同样对于网站的设计者和开发者，他只需要关注网站基本元素的样式实现，比如 headers，links，而不必担心整体的网站版式会被一个个作者自定义的样式搞的不伦不类。二、为什么推荐 Markdown？既然 Markdown 这么爽，那 UX 里面发布博客完全可以采用这种形式，虽然目前后台编辑器中暂不直接支持 Markdown 语法，但支持源代码，这就够了。利用各种 Markdown 编辑利器书写将 Markdown 写的 blog 导出为 HTML;用编辑器打开 HTML 文件，拷贝其中 &body&&/body& 两个标签中的源代码到后台编辑器，打开源码格式，粘贴进去即可。三、Markdown 相关的工具任何一个经常跟文章打交道的人，尤其是团队/个人 blog, 项目文档的组织，都应该尝试使用如下工具，当然，跟 Markdown 搭边的大都是免费资源；编辑器类： for Mac(最好用的，没有之一) for Windows for windows for windows for Linux for Mac - $9.99去谷姐问问其他
和 在线工具类： online online online有众多的在线工具，你可以选如果你想要把一个网站都转成 Markdown,
可以让你轻松做到，或者看看。当然，对于前端攻城湿而言，github 的
无疑是一个文档分享和记录的好地方，这里你尽情使用 Markdown。插件类： for chrome for ,这里有详细的 其它 for Mac - $3.99,提供给你 Markdown 的预览功能，不管你用什么文本编辑器。四、怎么上手 Markdown？谨记，如果在 Windows 平台，不要使用 Word,而使用
类似这样的文本编辑器。Mac 系统下没有内置的文本编辑器，因此我上面推荐的
for Mac 就派上用场了，你可以呼出 Mou help 打开语法提示窗口，同时在 Mou 中的左侧窗口书写 Markdown 文章，加以标记的点缀，右侧的窗口能实时的看到展现的效果。如下图： Markdown 基本语法Markdown 标题，段落，引用Markdown:这是一级页头标题
=============
这是二级页头标题
-------------
所有从事网络写作的人都应该尽快尝试上手 Markdown,它不仅会提高你的工作效率，更会让你专注于写作本身，保证文章的质量。这只是一个普通的段落.
这是另一个普通的段落.
### 这是三级页头标题
& 这是一个段落引用.
& 这是引用中的第二段.
& ## 这是引用段落中的一个二级标题
输出的 HTML 结构：&h1&A First Level Header&/h1&
&h2&A Second Level Header&/h2&
&p&所有从事网络写作的人都应该尽快尝试上手 Markdown,它不仅会提高你的工作效率，更会让你专注于写作本身，保证文章的质量。这只是一个普通的段落.&/p&
&p&这是另一个普通的段落。&/p&
&h3&这是三级页头标题&/h3&
&blockquote&
&p&这是一个段落引用.&/p&
&p&这是引用中的第二段.&/p&
&h2&这是引用段落中的一个二级标题&/h2&
&/blockquote&
Markdown 加粗和强调Markdown:一对星号一个段落中的*被强调的文字*.
某些文字被 _强调_.
双星号实现**加粗**.
或者, 双下划线, 实现__同样加粗的效果__.
输出的 HTML 结构：&p&一对星号一个段落中的&em&被强调的文字&/em&.
某些文字被 &em&强调&/em&。&/p&
&p&双星号实现&strong&加粗&/strong&.
或者, 双下划线, 实现&strong&同样加粗的效果&/strong&。&/p&
Markdown 删除线首尾各用两个波浪线: ~~无效内容~~
生成的 HTML 结构：Markdown 强制断行正常，回车后形成的断行，不会被 Markdown 解析为断行，需要在断行前面段落后加两个空格:这里是一个段落，断行处1
回车换到了第二行，生成的 HTML 是不会断行的。
同样这个段落，断行处2
在断行处2后面增加两个空格 就达到强制断行的效果了。
~~无效内容~~
生成的 HTML 结构：Markdown 列表无序列表的 Markdown，使用 *, +, - 同样效果*
输出同样的 HTML 结构：&ul&
&li&交互&/li&
&li&视觉&/li&
&li&前端&/li&
有序列表则使用正常的阿拉伯数字即可：1.
输出的 HTML 结构：&ol&
&li&评审&/li&
&li&开发&/li&
&li&测试&/li&
如果在列表之间隔开空行，同时缩进 4 个空格或者 1 个tab, 则会生成列表包含 p 标签的复杂的结构：*
忙着改需求的的 PD
输出的 HTML 结构：&ul&
&li&交互，
&p&忙着改需求的的 PD&/p&&/li&
&li&视觉&/li&
&li&前端&/li&
Markdown 链接Markdown 支持两种链接构造方式：内敛式引用式内敛式 Markdown 语法是直接将链接地址附在链接文本之后： 这是 [UX 平台链接]()。
输出的 HTML 结构： 这是 &a href=""&UX 平台链接&/a&
另外，也可以给链接制定 title 属性： 这是 [UX 平台链接]( “UX 体验工作平台”)。
输出的 HTML 结构： 这是 &a href="" title="UX 体验工作平台"&UX 平台链接&/a&
引用式 Markdown 语法是文档其它地方定义好 链接常量，直接引用即可，同事放括号内不区分大小写，如： UX 平台最新的技术博客分别是 [KISSY RichBase 使用][1]，[Mix网站低调上线][2] 和 [清空当前页面的用户体验][c]。
[1]: /posts/613
"KISSY RichBase 使用"
[2]: /posts/598
"Mix网站低调上线"
[C]: /posts/580
"清空当前页面的用户体验"
输出的 HTML 结构：&p&UX 平台最新的技术博客分别是 &a href="/posts/613"&KISSY RichBase 使用&/a&，&a href="/posts/598"&Mix网站低调上线&/a& 和 &a href="/posts/580"&清空当前页面的用户体验&/a&。&/p&
Markdown 还支持自动链接，即只需要尖括号包起来，就会自动转成链接，在引述和书写邮箱的时候很便捷。Markdown 图片图片跟链接十分类似，只是链接文本前面多了一个叹号 ！。也分为内敛式 和 引用式：
![alt text][4]
[4]: /tps/i2/T13yQPXa4cXXaJKhPp-.png "Markdown Tips"
上面这两种都输出同样的 HTML 结构：&img src="/tps/i2/T13yQPXa4cXXaJKhPp-.png" alt="alt text" title="Markdown Tips" /&
目前 Markdown 让人不爽的是，还不支持制定图片宽高，如果需要，要使用普通的 &img& 标签。Markdown Tables一个简单的示例如下：First Header | Second Header | Third Header
------------ | ------------- | ------------
Content Cell | Content Cell
| Content Cell
Content Cell | Content Cell
| Content Cell
对于每个表格，你如果愿意，也都可以加上表头分割线：| First Header | Second Header | Third Header |
| ------------ | ------------- | ------------ |
| Content Cell | Content Cell
| Content Cell |
| Content Cell | Content Cell
| Content Cell |
输出的 HTML 结构：&table&
&th&First Header&/th&
&th&Second Header&/th&
&th&Third Header&/th&
&td&Content Cell&/td&
&td&Content Cell&/td&
&td&Content Cell&/td&
&td&Content Cell&/td&
&td&Content Cell&/td&
&td&Content Cell&/td&
还通过冒号为每个列制定对其方向：First Header | Second Header | Third Header
:----------- | :-----------: | -----------:
输出的 HTML 结构：&table&
&th align="left"&First Header&/th&
&th&Second Header&/th&
&th align="right"&Third Header&/th&
&td align="left"&Left&/td&
&td&Center&/td&
&td align="right"&Right&/td&
&td align="left"&Left&/td&
&td&Center&/td&
&td align="right"&Right&/td&
Markdown 代码区块在需要展示代码片段的时候，Markdown 可以让你以多种方式在多种场景下展现源代代码。在普通的段落中，对某个代码前后加反撇号就可以生成 code 片段： 在书写 HTML 时，我不推荐使用 `&font&` 标签
输出的 HTML 结构： &p&在书写 HTML 时，我不推荐使用 &code&&font&&/code& 标签&/p&
对于大块的成段的源代码展现，则每行缩进 4 个空格即可： 在 HTML5 中，`&!DOCTYPE&` 声明方式只有一种：
&!DOCTYPE html&
&html lang=“zh_CN”&
&title&UX&/title&
&p&Everything about UX&/p&
输出的 HTML 结构：&p&在 HTML5 中，&code&&!DOCTYPE&&/code& 声明方式只有一种：&/p&
&pre&&code&&!DOCTYPE html&
&html lang=“zh_CN”&
&title&UX&/title&
&p&Everything about UX&/p&
&/html&&/code&&/pre&
Markdown 隔离的代码块这是一个代码块，与前面的代码区块不同之处有两点：不依赖于缩进段落首尾分别使用三个反撇号。 这是被隔离的代码快，跟缩进代码块达到同样的效果。
Markdown 分割线在文档中建立分割线的方式，就是用三个以上的星号，减号，或者下划线，除了空格，不允许出现其它符号。如下写法效果等同：***
输出的 HTML 结构：&hr /&
Markdown 特殊字符自动转换在 HTML 文件中，有两个字符需要特殊处理： & 和 & 。 & 符号用于起始标签，& 符号则用于标记 HTML 实体，如果你只是想要显示这些字符的原型，你必须要使用实体的形式，像是 & 和 &。 Markdown 让你可以自然地书写字符，需要转换的由它来处理好了。如果你使用的 & 字符是 HTML 字符实体的一部分，它会保留原状，否则它会被转换成 &。所以你如果要在文档中插入一个版权符号 (C)，你可以这样写： &
Markdown 会保留它不动。而若你写： AT&T
Markdown 就会将它转为： AT&T
Markdown 转义Markdown使用 反斜线对如下字符进行转义，来适用需要用到有意义符号的场景：\
减号 （连字符）
五、Markdown 深入了解如果你想了解更多的 Markdown 的应用场景与相关文档，下面这些可供参考： 的博客和评论系统使用的是 Markdown。 这是它们的 。 同样倾情于使用自定义的混合 Markdown 用于它们的讨论组。 这是它们的。参考文档：
Gitblog是一个简单易用的Markdown博客系统，它不需要数据库，没有管理后台功能，更新博客只需要添加你写好的Markdown文件即可。 它摆脱了在线编辑器排版困难，无法实时预览的缺点，一切都交给Markdown来完成，一篇博客就是一个Markdown文件。 同时也支持评论，代码高亮，数学公式，页面PV统计等常用功能。 Gitblog提供了不同的主题样式，你可以根据自己的喜好配置，如果你想自己制作博客主题，也是非常容易的。 Gitblog还支持整站静态导出，你完全可以导出整站静态网页部署到Github Pages。
个人博客不可不提voodooPad
最好用的markdown编辑器肯定不是 Mou
不过更好的都收费了，比如 IA Writer
也可以用markdown来写书，然后用pandoc 这等强大的工具，来生成pdf,doc,mobi等各种电子格式的文档。
loading...}