mac下使用MarsEdit发布文章到博客园并实现代码高亮

一. 使用MarsEdit发布文章到博客园
    首先下载MarsEdit ,  App Store 就有 免费的

     弹出的对话框中Name输入博客名称,这个名称可以随便输入,比如“博客园”,”我的博客”等,或者像我这里输入自己博客的主页地址后缀,URL中需要输入自己在博客园的博客主页地址,这个对于每个人的博客来说是唯一的。例如: https://www.cnblogs.com/ppansj/

    弹出的菜单中选择“Enter Password…”, 如果没有 按住 option 键点菜单栏的 Blog 选项,就会出来 Enter Password

     接着弹出的对话框中输入登录博客园的账号和密码

     然后点击主界面上面的Refresh按钮,这样就可以将自己在博客园中的文章同步到MarsEdit中。主界面上提供了新建博客,删除博客,编辑博客,在浏览器中打开,隐藏/显示BLOGS,多媒体等功能按钮。其中预览功能是实时的,这一点非常方便。
新建一篇博客,在Title中输入文章名称,Link不需要输入,提交之后会自动生成,修改已有博客则显示之前的链接。编辑界面上有发送博客,保存为草稿,关闭/显示分类,预览,多媒体等功能按钮。

     编辑博客的时候可以点击菜单栏的Post>Edit HTML Text,弹出的对话框选择Convert,即可以编辑html的方式编辑博客,这种模式下可以通过css实现自己想要的效果,比如上面这幅图片的边框就是通过添加css样式实现的。

      从html代码模式切换为富文本模式也是通过这个菜单,或者通过快捷键shift+cmd+t进行切换。
      编辑的时候右键菜单中可以插入链接,粘贴html代码,插入图片,截图,设置字体等。
点击左上角的Sent to Blog即可发布到网上,发布之后还可以再次编辑修改。
二.在博客中插入高亮代码
      网上普遍的一种做法是通过sublime实现代码高亮。之前在windows上常用的一个编辑器是notepad++,支持多种语言,并内置了多种代码主题,这个工具没有mac版本,
       2.1使用Sublime Text实现代码高亮
       可以通过Preferences>Color Scheme来选择不同的配色方案。通过View>Syntax选择编程语言

shift+cmd+p—>输入install —> 选择Install Package,注意Sublime Text左下角的进度条,更加网络环境不同,插件选择对话框可能等会才能出现

 在插件选择对话框中输入Verilog

 选择第一个,安装之后就可以对Verilog代码进行高亮显示。安装其他插件的过程也是这样的,安装的插件在Preferences>Package Setting中可以看到。按照这样的步骤继续安装Highlight这个插件,安装步骤和安装Verilog插件一样,安装之后在Edit菜单下会多出Highlight这个子菜单,如下图,Convert to HTML会新打开一个窗口显示高亮代码对应的html代码,可以拷贝这个html代码,然后在MarsEdit中右键选择Parse HTML Source,即可看到高亮的源代码。

Sublime Text编辑代码的地方右键菜单中也多出Copy as HTML和Copy as RTF这两个选项,代码复制为HTML或者RTF之后就可以到MarsEdit中右键选择Parse HTML Source进行粘贴,比如下面就是通过Sublime Text拷贝过来的代码的样子。
复制为HTML代码默认是包括<html><body>这些标签的,直接粘贴到MarsEdit中会和原来的跟标签冲突,可以在Sublime Text中设置HTML只输出一个div块,Preferences>Package Settings>SublimeHighlight>Settings - Default,打开插件的配置文件如下,将第二个选项修改为false,即不输出完整html,默认是true,保存之后再通过Edit>Highlight>Convert to HTML打开的html就只包含一个div块。
即: "full": false,

注意:Sublime Text中tab键缩进在MarsEdit中可能会不显示,可以在Sublime Text中将tab键转为空格键,View>Indentation>Convert Indentation to Spaces,默认是把一个tab转换为4个空格,转换为几个空格可以这个菜单中选择。
 

原文地址:https://www.cnblogs.com/ppansj/p/11319634.html