关于hexo:5-分钟快速搭建好你的个人站点

3次阅读

共计 2940 个字符,预计需要花费 8 分钟才能阅读完成。

Hexo 是一个疾速、简洁且高效的博客框架,它应用 Markdown(或其余渲染引擎)解析文章,在几秒内,即可利用其泛滥的靓丽主题生成动态网页。正是这种简略、收费和可扩大的个性,Hexo 越来越受到程序员的青睐。这里咱们通过一个具体的教程,给大家演示一下如何在 5 分钟内搭建并部署好一个集体站点(博客)。

咱们应用 Hexo 框架来搭建博客站点,同时将站点托管到 LeanCloud 平台的「云引擎」之上,以实现最终的部署上线。闲言少叙,书归注释,咱们看看具体的步骤是什么样子的。

1. 装置依赖

Hexo 依赖于 Node.js 和 Git,如果你的电脑中曾经装置了这两个必备程序,那么能够间接返回下一步。如果你的电脑中尚未装置所须要的程序,请参考官网指南实现装置。

2. 装置 Hexo

依赖装置实现之后,能够应用 npm 装置 Hexo。

$ npm install -g hexo-cli

3. 下载博客我的项目模版

Hexo 命令行工具能够创立一个典型的博客我的项目,在该我的项目内 Hexo 通过应用特定的主题(theme)来对 Markdown 格局的文章内容进行渲染,从而生成动态文件。个别状况下,咱们只须要把这些动态文件部署到近程服务器上,即可取得一个可用站点。

LeanCloud 的云引擎提供了十分好用的网站托管性能,此外还提供欠缺的日志收集、监控等运维服务,这就要求一个站点在根本的动态内容之外还能反对多数动静的治理接口(在云引擎的我的项目框架中曾经实现)。

为此咱们在 Hexo 我的项目框架的根底上退出了大量 LeanCloud 云引擎须要的动静响应文件,做成了 hexo-engine 这样一个开源的我的项目模版。开发者能够间接将这个我的项目下载到本地,以此为根底开始搭建本人的博客站点。

$ git clone git@github.com:leancloud/hexo-engine.git

下载好模板之后,咱们须要先装置好 Node.js 的我的项目依赖,以便于后续的操作:

$ cd hexo-engine
$ npm install

4. 增加内容

Hexo 框架将所有的博客文章对立搁置在 source/_posts 目录下。咱们进入 hexo-engine 目录,执行 hexo new 命令即可减少一篇新的博客文章。

例如咱们想减少一篇「5 分钟疾速搭建好你的集体站点」的博客,那么能够运行如下命令:

$ cd hexo-engine
$ hexo new "build your own website in 5 minutes"

执行完之后咱们可看到如下的后果信息:

INFO  Validating config
INFO  Created: ./hexo-engine/source/_posts/build-your-own-website-in-5-minutes.md

间接去编辑这个新增的 Markdown 文件(build-your-own-website-in-5-minutes.md)就能够了。

5. 本地运行

文章编辑好了之后,咱们能够运行 hexo generate 命令来生成动态文件,hexo server 来启动本地服务器,查看实际效果。咱们在命令行下输出如下命令:

$ hexo g
$ hexo s

留神这里的 g 和 s 别离是 generate 和 server 的缩写。执行完之后应该能够看到如下后果信息:

INFO  Validating config
INFO  Start processing
INFO  Hexo is running at <http://localhost:4000> . Press Ctrl+C to stop.

这时候在浏览器内关上(http://localhost:4000,就能够看到咱们本人的博客站点曾经跑起来了。)

6. 部署到 LeanCloud

到目前为止,咱们的集体站点曾经能够跑起来了,惟一的遗憾是还没有理论部署到互联网上,还不能让其余小伙伴自在拜访。

这里咱们应用 LeanCloud 云引擎服务来收费实现这最初的一步——部署上线。首先咱们申请一个 LeanCloud 账号,并创立一个利用,这部分操作比较简单,大家自行登录 LeanCloud 官网 操作即可。

6.1 筹备:装置云引擎命令行工具

咱们首先须要装置云引擎的命令行工具(能够参考官网文档 ):

  • macOS 用户能够执行 brew install lean-cli;
  • Windows 用户能够在 GitHub releases 页面 依据操作系统版本下载最新的 32 位 或 64 位 msi 安装包进行装置;
  • Linux 用户能够从 GitHub releases 页面 下载 deb 包或者预编译好的二进制文件进行装置;

接下来咱们须要登录 LeanCloud 账户(依照提醒抉择区域并输出 LeanCloud 用户名和明码即可):

$ cd hexo-engine
$ lean login --region US

而后是将以后的我的项目与 LeanCloud 利用建设关联,输出如下命令:

$ cd hexo-engine
$ lean switch

依照提醒抉择区域和指标利用即可。

无关云引擎命令行工具的更多应用内容,能够参考文档:命令行工具 CLI 使用指南。

6.2 本地运行

在我的项目目录下运行如下命令:

$ cd hexo-engine
$ lean up

在浏览器中关上 http://localhost:3000,咱们能够看到博客站点的首页内容。

6.3 部署到云端

如果后面的步骤都没有问题,咱们就能够将以后我的项目部署到 LeanCloud 云端了。在命令行下输出如下命令:

$ cd hexo-engine
$ lean deploy

留神在 deploy 之前,咱们能够删除本地的 public 目录,以防止不必要的文件上传。deploy 的执行后果应该如下所示:

[REMOTE] [Node.js] 应用 Node.js v12.19.0, Node SDK 3.7.0, JavaScript SDK 3.15.0
[REMOTE] 版本 20201118-064943 构建实现
[REMOTE] 开始部署 20201118-064943 到 web1
[REMOTE] 正在创立新实例 ...
[REMOTE] 正在启动新实例 ...
[REMOTE] 实例启动胜利:{"runtime":"nodejs-v12.19.0","version":"3.7.0"}
[REMOTE] 正在更新云函数信息 ...
[REMOTE] 部署实现:1 个实例部署胜利
[INFO] Deleting temporary files

这时候咱们能够进入 LeanCloud 云引擎的控制台,为以后部署的云引擎实例设置一个拜访域名,其操作门路如下图所示:

咱们在浏览器中关上 http://hexo-engine.avosapps.us 就能够看到公布之后的首页内容了。

功败垂成,咱们的集体博客曾经顺利上线了!测算一下,不计创立账号和下载工具的工夫,整个过程耗时应该不超过 5 分钟。

7. 其余

7.1 定制化批改

咱们能够通过批改我的项目根目录下的 _config.yml 文件,来对当初的博客站点进行一些定制,例如批改网站题目、形容、关键字,等等。具体细节能够参考这里的官网指南。

7.2 给博客加上评论性能

咱们举荐大家应用 Valine 这一个评论插件,具体的接入能够参考这篇博客。

7.3 应用更多主题

有很多开发者为 Hexo 奉献了十分多精美的主题,要替换一个新的主题,操作上也是非常简单的,有趣味的读者能够浏览这里的文档。

正文完
 0