收藏(4)
Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。它用简洁的语法代替排版，而不像一般我们用的文字处理软件 Word 等有大量的排版、字体设置。这使得我们能够专心的码字，而不需要额外地进行排版修饰，既简单又方便。很多站长编辑都喜欢用markdown来写文章，像简书、开源中国等平台都支持markdown编辑，所以最近就像把自己的博客站点也集成markdown。
我的博客是用蝉知系统搭建的，目前没有现成的markdown插件，所以只好自己动手，丰衣足食了。大家可能用的是不同的建站系统开发的网站，但不必担心，markdown的集成很简单，虽然系统可能不同，但原理都是一样的，这里我借助我自己的站点为例，就不过多的讲解蝉知系统内部集成，只是给大家演示下整体的操作流程，以供大家参考。
操作过程：
首先,我们需要先下载解释器showdown.js，传送门：https://github.com/showdownjs/showdown
然后将showdown.js引入到内容编辑页面的模板文件中。
还要引入下面的JS代码：
function compile(){
    var text = document.getElementById("content").value;
    var converter = new showdown.Converter();
    var html = converter.makeHtml(text);
    document.getElementById("result").innerHTML = html;
}
 
上面代码中，text是获取你输入的markdown语法的文章内容，然后实例化解释器对象，然后使用解释器将你输入的文章内容翻译成目标样式的界面内容，即html，然后输出即可。
注：根据不同系统的具体操作不同，有的可能会涉及到数据库字段创建等，代码的引入方式也因不同系统架构、扩展原理不同而又差别。
通过上面的操作原理，我自己的博客中集成了markdown编辑器，编辑与预览同步，所见即所得，操作简便，我们先一起来看下效果。

以上和大家一起分享了网站中如何集成markdown编辑器，大家可以在自己的站点上操作试一试，如果有什么问题或经验，欢迎和大家一起分享交流。




收藏(4)
Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。它用简洁的语法代替排版，而不像一般我们用的文字处理软件 Word 等有大量的排版、字体设置。这使得我们能够专心的码字，而不需要额外地进行排版修饰，既简单又方便。很多站长编辑都喜欢用markdown来写文章，像简书、开源中国等平台都支持markdown编辑，所以最近就像把自己的博客站点也集成markdown。
我的博客是用蝉知系统搭建的，目前没有现成的markdown插件，所以只好自己动手，丰衣足食了。大家可能用的是不同的建站系统开发的网站，但不必担心，markdown的集成很简单，虽然系统可能不同，但原理都是一样的，这里我借助我自己的站点为例，就不过多的讲解蝉知系统内部集成，只是给大家演示下整体的操作流程，以供大家参考。
操作过程：
首先,我们需要先下载解释器showdown.js，传送门：https://github.com/showdownjs/showdown
然后将showdown.js引入到内容编辑页面的模板文件中。
还要引入下面的JS代码：
function compile(){
    var text = document.getElementById("content").value;
    var converter = new showdown.Converter();
    var html = converter.makeHtml(text);
    document.getElementById("result").innerHTML = html;
}
 
上面代码中，text是获取你输入的markdown语法的文章内容，然后实例化解释器对象，然后使用解释器将你输入的文章内容翻译成目标样式的界面内容，即html，然后输出即可。
注：根据不同系统的具体操作不同，有的可能会涉及到数据库字段创建等，代码的引入方式也因不同系统架构、扩展原理不同而又差别。
通过上面的操作原理，我自己的博客中集成了markdown编辑器，编辑与预览同步，所见即所得，操作简便，我们先一起来看下效果。

以上和大家一起分享了网站中如何集成markdown编辑器，大家可以在自己的站点上操作试一试，如果有什么问题或经验，欢迎和大家一起分享交流。

在平时的网站维护使用过程中，富文本编辑器是网站必不可少的元素之一。现在市面上各种编辑器功能设计参差不齐，自己做了几个网站都是用蝉知建站系统做的，而蝉知默认内置的编辑器是KindEditor，功能简单，已经满足不了我的需求了，比如多图上传、视频发布、代码高亮等功能。
 
所以想换个编辑器，听说百度的UEditro还不错，所以就打算把UEditor集成到蝉知系统中。操作也不是很麻烦，下面分享下过程，考虑到大家通用性，设计蝉知系统的改动我就不过多讲解了，这里主要分享在网站中集成UEditor的主要流程。
 
首先去百度UEditor官网(http://ueditor.baidu.com/website/)下载适用自己网站程序的最新UEditor。解压将文件夹放到网站自定义目录下,下面我以根目录为例，具体目录自行调整。
 
找到内容编辑、创建的页面文件，引入下面代码（注意调整路径）：

<script type="text/javascript" src="ueditor.config.js"></script>
<script type="text/javascript" src="ueditor.all.js"></script>

内容编辑处添加下面代码：

<script id="container" name="content" type="text/plain">
        内容
    </script>
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>

itor()参数里大家可以根据自己情况进行配置。
 
如果要使用代码高亮功能，可以在前台内容展示页面文件中引入下面代码即可：

<script type="text/javascript" src="/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" type="text/css" href="/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
<script>
SyntaxHighlighter.all();
</script>

整体流程非常简单，剩下的就是根据自己的具体需求，配置一些参数了，最后秀一下最终效果图。
后台文章内容编辑：

　　我们把网络编辑员当成一个网络上的搬运工，为什么说网络编辑员是搬运工哪?道理很简单，网络编辑员除了一个是网站文章自己写以外，哪另外一种做法就是从网络上找到你想到的文章在把他搬运下来，那么搬运来的文章我们应该怎么修改哪?请看下面:
　　1、将copy来的文章标题进行修改，重新概括文章内容，做到标题短小精炼，最重要的是符合用户搜索习惯。
　　2、修改copy来文章首段内容或给文章添加首段文字信息，这一点可以参考很多成熟门户，将新闻概括一下，主要内容概括放在首段。
　　3、将你对文章内容的认识添加到文章的适当位置。虽然还不具备原创能力或者无暇来完成大篇幅的原创内容，那就在别人的文章里添加一些自己的认识。
　　4、确定关键词，热门的关键词有利于被搜索引擎抓取，要了解当前热门的词汇，这里有一个很简单的方法，善于利用百度风云榜会让工作事半而功倍。
　　5、关键字的安排，除了标题要出现，应尽量使关键词出现在文章的靠前位置，便于搜索引擎抓取。
　　6、文章标题公认以不超过二十五个汉字为宜，当然尽量言简意赅突出重点更好。另外文章标题为两部分，尽量不使用标点隔开而是用空格来分割。
　　7、关键词不要面面俱到，内容中的关键词只以本文为依托。
　　8、标题不要太花哨，多 考虑用户习惯，以最普通的方式表达出来反而会得到更多的关注。
　　如何做好文章摘要呢?
　　1、参考主流门户网站文章摘要设置，原则之一是摘要中必须要包含关键词，但是关键词不能过于重复，如果必须强调关键词，以摘要不超过三次关键词重复为标准。
　　2、摘要内容不宜过多，不分段的情况下100字以内为宜。
　　3、摘要尽量精彩具有较强的吸引力，以吸引读者有看下去的愿望。
　　4、摘要内尽量避免出现敏感内容及字符。
　　文章内容规范
　　1、文章脉络要清晰，分段、大标题、二级三级标题清晰。这样首先给阅读者提供便利，其次也给蜘蛛抓取内容提供便利。
　　2、文章正文的关键词设置密度不宜过高，不超过7%为宜。亦可使文章内关键词以加粗字体出现。
　　3、文章关键词尽量出现在文章的前半部，但是文章结尾要呼应主题，必须出现关键词。
　　3、页面关键词在文章的正文中要有一定的比例分布(一般情况下是2-8%)，在不影响阅读的前提下，一些代词都可以用页面关键词来代替。

MWeb Mac版基于MarkDown编辑器和静态博客生成工具是一个专门为用Markdown写文章并且要发布成网站、博客的生成工具，MWeb Mac版即可当编辑器使用又可以当博客生成工具来使用，比Octopress和 Jekyll工具加简单易用。今天介绍的是MWeb如何建立静态网站/博客。

MWeb的静态网站类别
在MWeb的文档库中，有两个类别，一个是常规类别，另一个是静态网站类别。您可以直接添加静态网站类别，也可以右键单击常规类别顶层的类别，选择Edit，然后Set to Site在出现的界面中单击按钮。
网站类别可以设置一些与网站相关的内容。设置界面如下：

上图中的设置应该不难理解。如果要生成静态网站，请在设置后单击Build Site按钮。生成之前，请确保您的类别中至少有一篇文章。您也可以右键单击以选择相关菜单项以生成网站。如果您修改了站点模板，请使用Clear and Rebuild Site按钮。当然，您可以随时使用此按钮来清理和重新生成您的网站。
可以看出，在MWeb中生成静态网站非常简单。撰写一篇不错的文章，然后将其分类为静态网站类别，然后右键单击静态网站类别，然后选择“生成网站”。当然，您可以先预览。
MWeb中的两篇文章类型
MWeb和Wordpress和其他博客具有相同的结构，分为两种文章类型：general article 和Page。Page用于执行关于页面，联系页面等页面。
如下图所示，将MWeb文档库中的文档设置为十分简单page。单击top of the information bar并检查Is Page。将HTML file name用于设置生成的HTML文件的名称。例如，上图中的文章将生成mweb-static-blog.html。general article生成的HTML文件名也在此处设置。

设置网站主菜单
您可以单击Advanced Settings网站设置界面中的按钮以打开网站扩展名，以设置网站的主菜单。您也可以从Preferences- 打开它Extension，然后选择要设置的网站类别，然后选择Site Menu。该选项卡，如下图所示：

您可以添加，编辑和删除菜单，或拖放以调整顺序。注意：该MWeb-Foundation-Book模板不支持网站菜单。
文件间参考
在MWeb中引用其他文档非常简单。在文档列表中，右键单击要参考的文档，然后选择Copy，如下所示。

然后粘贴要引用的文档的位置CMD + V，然后将生成MWeb [How to use Publish Script to Publish website.](how_to_use_shell_script.html)。如果按住CMD键并单击，将打开引用的文档。
生成静态网站功能可以很好地处理此参考，并生成相关的Web链接。
添加更多阅读评论
对于Read More Comment，请参见下图。您可以使用菜单：Actions- Insert Read More Comment插入更多读数，然后注意该注释必须在顶部和底部添加一个空行，如下图所示。

配置网站发布脚本
MWeb for Mac的此功能旨在通过简单的过程使MWeb中的静态网站体验达到“新文档并编辑”-“右键单击并选择执行发布脚本”。避免与以前相同，在生成网站后，需要单击命令进行发布。