【HEXO专辑】3.Hexo博客如何编辑和发布文章，以及利用gitee托管在外网浏览

本想浅尝辄止，就实现博客功能，正儿八经用了几天Hexo，有点能体会程序员们的那种审美或者说所谓码农的浪漫，就是这种极简风+扁平化的东西，使用起来并不复杂，相比传统Blog也没麻烦到哪去，遇挫也很容易纠正。

Hexo支持Markdown！！

之前讲了，一般博客是直接在博客页面写完就发了，传统博客都自带一个在线的编辑器，但是不一般的Hexo就不带这个编辑器，所以我们需要另找一个编辑器：一个支持Markdown的编辑器！！

所以这个事情你也可以理解为，Hexo是Markdown的发布功能。

【这段来自百度百科】

Markdown是一种轻量级标记语言，创始人为约翰·格鲁伯（英语：John Gruber）。 它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。由于Markdown的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持，许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等，甚至还能被使用来撰写电子书。

概括来讲几个优点：轻量、广泛、符合习惯！

为了写这篇文章，今天试用了几乎所有的常用Markdown编辑器，无外乎有三种方式：

1.Typora这种，先去下载个软件安装使用，用Hexo的一个命令新建一个博文的编辑文件，编辑完拷回Hexo的文章目录。Typora是个很强大的编辑器，专业性较高之外，最重要的是好看，mac那种风格。

基本是公认的这个范畴内第一软件，网上能找到许多很棒的插件，尤其是配合Picgo图床，向博文里插入图片就是拖进Picgo，再在文章位置里Crtl+V即可，Picgo自动把上传图床的文件链接拷入剪贴板。

2.马克飞象：这种可以在线编辑的工具，打开网址：https://maxiang.io/写作即可，左边是编辑页面，右边是呈现页面，写完存个MD文件，拷入Hexo的文章目录。经常摆弄这些的一听飞象就明白怎么回事了，马克飞象是印象笔记的markdown编辑器，有许多和印象笔记共享协同的功能，所见即所得，只想找个编辑器快速上手的话推荐！

缺点是：你用这个就要和印象笔记这种商用软件建立联系，时不时会让你冲个会员什么的提醒；

3.谷歌浏览器插件，类似markdown here ，套路和上边的比较一致，这个方式也可以用一下，毕竟和浏览器在一起很纯粹。

4.在就是一些小众玩法了，比如一些很小众的代码编辑器，一些作者自己编译的书写工具，甚至Hexo也有自己的插件，此文不再涉及。

重点介绍下这些编辑器和Picgo图床的组合，其实编辑器用啥无所谓，都一个套路，无非就是软件做的好看难看，TYpora就是做的好看，符合码农那个调调，所以用的人多。

Markdown编辑器第一费劲的事情就是这个往博文里插图片，所以你不想插个图片打一堆字，摁好多下鼠标，就用上这个Picgo图床服务。

下载Typora，官网地址：https://www.typora.io/

下载Picgo，https://gitee.com/Molunerfinn/PicGo?_from=gitee_search#windows

Windows还需要下一个Node.js的配置环境：https://nodejs.org/en/，下载列表里下那个.msi的

分别安装，然后重启一遍。

打开Picgo，左侧最下面-插件设置-搜索gitee，出来三个gitee图床插件，用都一样用，你有闲工夫可以都下来试试那个更顺手，我用gitee-uploader。一定要下载安装node.js，不然进行不下去了。

安装完毕之后左侧图床设置会出现gitee，点进去，repo和token是必填的，

repo为仓库地址，格式为用户名/仓库名

token值为gitee的私人令牌，看好是私人令牌那里申请，不是ssh公钥！

去gitee的个人主页-安全设置-申请一个私人令牌，会给你一串字符串，那就是你的token，拷过来

用Typora写文章的时候，把图片拖进去，这个图片在gitee的地址自动复制到了剪贴板，编辑器里CTRl+v就好，已然是减轻了许多繁琐的操作

又因为我们之后想在外网也能看到博客，需要用到Gitee的托管功能，所以图床和托管来自一个网站，性能会比较好。

解决了这个事情，用什么编辑器，具体怎么写，就看自己了，Markdown还是能写出很漂亮的文档的，感兴趣的话，可以去学一下Markdown的语法，并不复杂，会让你的文档更加的整洁美观。

这里推荐一个MK表格工具，我的个人私藏，是一个在线网站，可以很轻松的制造字符画表格：https://tableconvert.com/markdown-to-markdown

如何在Hexo发布你的文章呢？也是通过若干命令实现，先看官网这部分的描述

Hexo的文章发布命令：

hexo new [layout] <title>

hexo new 文章布局 文件名

[layout] 为指定文章的布局（layout），默认为 post，可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局。

[layout] 可以不用写，不写就是默认布局。

<title> 为你要创建的文章标题。

之后在 source/_posts 目录下面，多了一个<title>.md 的文件。

Hexo 有三种默认布局：post、page 和 draft，它们分别对应不同的路径，而您自定义的其他布局和 post 相同，都将储存到 source/_posts 文件夹。

不同布局对应的不同文件夹：

post source/_posts

page source

draft source/_drafts

所以发布文章的最简单命令就是：假定你发这个文章标题叫67890：

hexo new 67890

之后你会在/source/_posts目录里看到一个新的文件67890.md，这就是刚才建的那个Markdown文件。

把这个文件在MarkDown编辑器里打开，

抬头三行是文章标题、日期和标签，根据文章情况做修改就好。

就在这个窗口里开始写博客就行了，写完保存再拷回去，在ssh里用 hexo server命令刷新一遍服务器，你的文章就出现在Hexo博客上了，以后修改什么的都也都这么办。当然你要是想删除某个博文，也可以在这把那个md.文件删掉，刷新服务器就实现了。

这就是Hexo编辑和发布文章的方法：hexo new命令-编辑.md文件-保存-重登录服务器。

其实Hexo还有许多命令，能实现非常多的功能和视觉效果，我这只是抛砖引玉，让您快点用上，您有兴趣的话去官网学习自述文档，你会更加自如的驾驭这个博客程序；还有一定要熟悉你这个主题的一些特殊设计，所以也要学习主题作者制作的自述文档，比如我这个butterfly的作者，制作了很精美完善的文档教程。

Hexo有Node.js写就，本身自带轻量化体质，设置简单，效果不弱！您如果真想学习Hexo，各类作者的自述文档绝对是很好的教材，有些主题的思路真是要为作者击节叫好！

至此，您已经可以掌握一个完整的Hexo博客了，但是这个博客还只能在你的局域网里被看到，博客是必须要在外网看到的，不然我们做这些事情了无意义！

实现外网有几种方式，一个是买空间买域名，缺点是要花钱；一个是做穿透，服务器放在你的nas上，开放端口，使得外网可以看到，缺点是性能差不安全；再就是我下面要说的这种方式，把做完的博客放到gitee代码托管网站上去，一分钱不花，啥事都办了，和图床还是一个网站，性能安全性都有保证。

打开gitee-新建仓库

取个名字,设置个目录，必须选开源，设置模板那选上readme，创建就好。拷贝下那个仓库地址，比如我这个https://gitee.com/mzindmg/mzin-blog

点这里，上传身份认证照片，开启gitee pages服务，一般是今天申请明天通过。

gitee pages页面里验证手机号，勾选强制使用https，这个页面不要关闭，以后需要拷贝下那个网站地址

ssh输入如下命令：

cnpm install hexo-deployer-git --save，完善部署环境插件

去Hexo的安装目录，打开_config.yml,最后面的字段改一下，

deploy:
type: git
repo: 这里填写你的gitee的仓库地址，仓库！！！仓库！！！
branch: master

如果域名带子目录，那么还需要多一步设置：

_config.yml里，找到url那一行设置完整域名，root设置为你的子目录。

# URL
url: 你的网站网址，注意是gitee pages页面里的网站地址
root: /你的子目录名

按我这个来，哪个都不能错！注意冒号：后面有一个空格！

这就行了，SSH在走一个部署命令！

hexo clean && hexo g && hexo d

这里如果报错，在执行一遍命令：cnpm install hexo-deployer-git --save，完善部署环境插件。

然后，回到gitee的gitee pages页面

左下角那个更新，点击，浏览器输入网站地址，应该就可以看到你的Hexo博客了。

看我这个，网页的网址已然是gitee托管的网址了，一分钱不花把事办了，不过你也可以几块钱去买个域名，做个域名绑定，你就可以用顶级域名来打开你的博客，看着就更像回事了！

以后每次对博客做出更改，都要在gitee pages页面里做一下更新，他不是自动更新的，不花钱的东西还挺好使，就别这么多事事儿了。

您现在想必已经对这东西有些认识了，我这几篇文章只是让您能进入这个范畴，会维护博客，但是若想把Hexo用的更精妙，还是去学习官方的readme文档和你这个主题的文档，然后Markdow你的语法。

好了 终于写完了，累死我了。

最后，希望张大妈快快支持Markdown