zzy5111398的个人博客分享 http://blog.sciencenet.cn/u/zzy5111398

博文

腾讯云开发者平台部署hexo|最佳博客免费建站体验

已有 3129 次阅读 2019-9-2 18:12 |个人分类:|系统分类:博客资讯| hexo, git

最近由于华为云公网IP故障,导致原wordpress站无法访问,见短时间修复无望我便将目光转投Hexo这项博客技术。本文从原理入手讲解Hexo的部署过程,最后结合腾讯云开发者平台讲一下部署hexo的方法。

1.hexo原理

hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

什么是静态网页?就是以Html为语言写的,通过服务器提供文档服务的网站文档。

那么相反地动态网页是怎样的?就是运用php、jsp、asp、python等服务端语言提供服务的网页,一般采取前后端分离的做法。优势在于复杂业务的生成和后台管理,缺点在于庞大的服务端进程、不稳定的加载速度、数据库的安全等。

Hexo是个Node.js的本地生成静态网站的程序。在本地撰写markdown后,你有两种选择发布你的网站,一是通过hexo server来开启服务,这个主要用于调试;二是上传至Pages服务端,即hexo g -d。

其实就算我的服务器没出问题,我也打算尝试这种博客编写方式。我的宽客居从2017年创办至今已经快三年了,陪我走过了最低谷的时期,因此每每看到这个加载奇慢又被我改得千疮百孔的远古巨婴,我就心头一酸丧失了创作的积极性,但当我看到别人静态博客时,就忍不住感叹于其内容之丰沛和界面之清爽。

Hexo是一个运用Node.js环境,本地生成静态文件的框架。至于静态文件存放的方法,现在最为流行的包括GitHub、GitLab、Gitee、Coding、七牛等云的Pages服务。当然,如果你有服务器,也可以直接将文件上传至服务器上。我个人觉得如果你是个博客新手,应当先把前后端的技术先搞明白,尤其是网络通信方面的基础理论,然后再尝试Hexo这类。因为Hexo的学习成本虽然不高,但是有很多后端技术其实是很有价值的,学习Hexo就意味着完全可以忽略后端技术了。

2.环境部署

你可以在网络上找到很多本地运行Hexo的教程,quantjoe却发现了一个更为经济有效的跨平台方式:云开发部署。

也就是说,你可以在腾讯云开发者平台上,建立一个hexo工作空间,然后运用cloud studio充当博客后台功能,再绑定Coding来发布Pages。

首先,我们需要有一个腾讯云开发者平台的账号,微信扫码即可。

首先建一个项目,比如我的项目就叫kuankeju。值得注意的是腾讯云开发者平台包含了三个服务:一是项目协作(现在绑定在Coding里)、Coding(版本管理)和Cloudstudio(云开发)。

在代码--代码浏览界面新建一个仓库(respository),记住一定要勾选新建一个readme文档,否则不能开启pages服务。

然后,我们再开启pages服务,这里有条件的可以绑定一个域名,否则也可以用Coding分配的域名。由于属于私有二级域名,且处在目录下,可能影响SEO。

至此,我们切换到Cloud studio,绑定项目,新建一个工作空间,环境选择为Hexo。

我第一次也没找到Cloud studio,其实属于WebIDE(腾讯云开发者平台)子产品,因此在产品里就能找到

打开Studio后,VS的风格扑面而来,废话不说了。由于默认已经建立好了环境,因此只需要简单配置就可以了。这里我就不多说了,详细教程看官方文档就行。

3.Markdown跨平台书写

hexo n title

在cd进博客文件夹后,只需要以上一句代码就可以新建一篇博客。虽然studio里可以直接撰写markdown并实时预览,但是由于完全是自动保存的,而且我一直不喜欢这种两栏式的预览方式。quantjoe特别推荐本地撰写,源码上传的模式。

在撰写之前,还需要确认一件事,就是博客的config。一方面是在博客根目录下有一个_config.yml文件,新站必须要配置好站点标题、logo、域名(没绑定域名就直接用Coding的二级域名)和作者姓名;另一方面,每篇文章前还需要config一些meta信息,包括标题、tag(标签)等。这里提醒各位注意的是md文件的title可以随便设,但是文章开头的meta信息中的标题是网站最终呈现的标题。

quantjoe推荐typora进行编辑,typora对于latex、mermaid和代码高亮都有很好的预览效果。另外其语法规则与hexo完全一致,只需要注意

、下划线这类转义字符的使用即可。(latex公式中经常用到)

具体地,本人建议在本地撰写markdown,并将源码上传至studio中的source/_posts文件夹中即可。

另外,由于studio是一个web应用,你可以随时随地打开腾讯云开发者平台-cloudstudio,修改、新建、部署hexo文章。相当于cloudstudio就是你的管理后台。

4.版本管理

既然选择了Coding发布pages,为什么不管理源码的版本呢?通过新建source分支就可以解决这个问题,也就是说,将studio中的源码在IDE中推送至Coding仓库中的source分支。

这样一来,你的Coding代码仓库就包括两个分支,一个是Master分支,存放hexo生成的静态文件,另一个是source,用于管理博客配置和Markdown源码。

5.多平台发布

由于真正的本地文件只有typora中暂存的markdown源码。(甚至都可以删除)

我建议使用七牛云来做图床,这样连图片资源都没必要上传至studio。

这样做的好处还有一点就是,直接Ctrl\Command+C/V即可同时上传至简书等平台。

支持markdown的平台包括:宽客居主站、quantjoe、简书、csdn、科学网、博客园等。



https://blog.sciencenet.cn/blog-2825343-1196359.html


收藏 IP: 121.249.15.*| 热度|

0

该博文允许注册用户评论 请点击登录 评论 (0 个评论)

数据加载中...

Archiver|手机版|科学网 ( 京ICP备07017567号-12 )

GMT+8, 2024-9-22 01:50

Powered by ScienceNet.cn

Copyright © 2007- 中国科学报社

返回顶部