十年老站长心声:我为何选择把 Hexo 网站迁移到 Webify

2021年11月20日 阅读数:4
这篇文章主要向大家介绍十年老站长心声:我为何选择把 Hexo 网站迁移到 Webify,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

前 言

个人这个博客站点大约始建于2010年之前,使用过 dlog、pjblog、zblog 等博客程序,也手动创建使用过纯静态 HTML 页面,大约2010年开始使用 WordPress。最近几年有感于 WordPress 过于臃肿复杂,而个人目的只是想写点什么,给本身留下些记录,因而将网站迁移到了更加简洁的hexo。git

在本地电脑搭建好环境,配置好 hexo 站点。每次在网易云笔记里写好 markdown 格式的文章,而后复制到本地电脑 hexo 的对应目录下,手动生成新的网站静态页面。最后再手动上传到服务器空间里,这样就完成了网站的更新。github

Webify官网:https://webify.cloudbase.net/web

个人需求

Hexo虽然简洁、快速,但有几个问题一直困扰着我,甚至影响了写做的兴趣和欲望。json

第一,必定要使用我安装配置了 hexo 的那台电脑,才能发布生成新的静态页面,而后才能更新到服务器。虽然也了解过一些办法,好比将 hexo 配置文件复制安装到不一样电脑,或者上传到 github,经过 github 更新,但终究不能很好解决网站更新,文章发布的问题。服务器

第二个问题,实际上是第一个问题的延伸。每次发布新文章,文章写好之后,还须要复制到 hexo 目录下,手动生成静态页面,而后上传到网站服务器,这个过程太过繁琐。固然也去了解过解决办法,好比使用 hexo-admin 插件、给 hexo 添加后台管理,把 hexo 部署到服务器上,经过 admin-hexo 在线更新文章。然而这些都背离了我当初使用 hexo 的初心---简洁,快速。若是要这样折腾,为什么不使用 WordPress 等功能更强大的博客程序呢?markdown

在折腾的过程当中,在 hexo 官网上看见了一篇技术文章,介绍如何将 hexo 部署到GitHub Pages,很是符合个人需求,惟一的问题是,部署过程当中须要借助 Travis CI 这个第三方平台,简单的事情又变得复杂了。最后我甚至动了想把 hexo 转换成 jekyll 念头,由于 hexo 和 jekyll 结构基本同样,彻底支持.md的文章格式,更重要的是 GitHub Pages 原生的支持 jekyll,几乎不须要任何设置。Github 虽然在国内不少地方访问不稳定,可是套上 cdn 之后能够解决这个问题。并发

我开始着手将 hexo 迁移到 GitHub Pages 上,使用 jekyll 部署。可是不久发现了一个大问题,GitHub Pages 不支持 jekyll 插件。没错,简单的借助 jekyll 插件实现的好比翻页,搜索等功能,在 GitHub Pages 几乎实现不了,这样就很绝望了。因而一切再次停下来。hexo

喜提Webify

随后便看到了云开发 Webify 这款产品,支持将任意形式的博客,我的站点部署到 Webify。因而去了解了下,发现正是我所须要的,正好解决了我上述的需求。框架

Webify 部署 hexo 很是简单,在 Webify 控制面板里绑定 GitHub 里的本身的 hexo 网站仓库就能够了,由于 Webify 已经预设了 hexo 框架,全部配置都是默认和自动的优化

图片

部署好之后,网站就能够访问了,还能够绑定本身的域名,默认会开启 CDN 加速

在本身的 GitHub 仓库里修改网站,或者拟写 markdown 格式的日志,webify 会自动构建和部署,生成新的静态页面并发布。这意味着之后只须要在 GitHub 里写文章(这篇博文便是如此),网站会彻底自动更新,完美,这正是我一直以来所需求的。

下图是个人 hexo 网站在 GitHub 里的仓库文件列表。

图片

按照官方文档介绍,webify在构建时,平台会首先为您的应用安装 package.json 中指定的项目依赖(包括开发环境依赖 devDependencies)。这意味着我在本地建立 hexo 时所安装和依赖的各类环境和插件,webify彻底会自动帮我安装。最后webify生成的hexo站点和我本地运行的彻底同样。

Webify的其余特色

  1. Webify默认支持cdn,因此网站构建部署成功之后,可能须要2-5分钟时间才能看到效果(官方团队会继续优化)。
  2. Webify目前支持的框架有:

React/Vue/Angular/Next.js/Nuxt.js/Hexo/Gatsby.js/Vite/Docusaurus 2等。

图片

  1. Webify 基本支持了国内主流的代码托管平台 Github/Gitlab/Gitee 和腾讯云 Coding。

如今,用 webify 部署应用还能领取300元无门槛代金券,足够我的网站用两年了,感兴趣的能够去官网看看。

Webify官网:https://webify.cloudbase.net/

图片

做者:YU JIANG

原文连接:https://zhuanlan.zhihu.com/p/410642192