三分钟教你搭建自己的个人网站-本地部署HEXO

2024-04-17 13:48:15 9点赞 77收藏 1评论

HEXO是一个开源纯静态的CMS内容管理系统,原生支持MarkDown语言,无需数据库,易部署和维护,可以免费托管到Github、Vercel以及Cloudflare等三方平台。我们可以用它来创建自己的个人站点。

下面我将用通俗易懂的语言让纯小白也能轻松搭建。该系列文章预计分为四期更新完成,分别为

1.HEXO的本地部署。

2.如何更新HEXO。

3.如何更换喜欢的主题。

4.如何将HEXO免费托管到三方平台。

如果你感兴趣,和我一起来操作吧。

首先我们需要在电脑上装Git和NodeJS两个环境,安装包可以自行搜索安装,如果找不到,可以评论区或私信浏览,看到后会给你发送下载链接。软件的安装过程也很简单,根据提示一路“下一步”就可以了。

1.在本地创建一个用于保存HEXO程序的文件夹,名字随意,我这边以“hexo”为例。

三分钟教你搭建自己的个人网站-本地部署HEXO

2.在文件夹内空白处右键选择“Open Git Bash here”。

三分钟教你搭建自己的个人网站-本地部署HEXO

3.在弹出的命令框中输入下面代码,等待安装完毕。如果出现下图提示,则表示安装完成,可以继续下一步了。如果出现报错,可以把报错信息发到评论区,我看到后会第一时间回复。

npm install hexo-cli -g

三分钟教你搭建自己的个人网站-本地部署HEXO

4.运行下面的命令行来初始化一个新的HEXO站点。同样的,如果出现下图提示,则表示安装完成,可以继续下一步了。如果出现报错,可以把报错信息发到评论区,我看到后会第一时间回复。

hexo init

三分钟教你搭建自己的个人网站-本地部署HEXO

5.运行下面的命令行来进入hexo本地预览模式。在浏览器输入localhost:4000就可以打开我们刚刚搭建好的HEXO站点了。

hexo s

三分钟教你搭建自己的个人网站-本地部署HEXO

6.下一节我们来学习一下如何用HEXO来写博客。

三分钟教你搭建自己的个人网站-本地部署HEXO

如果你觉得我的内容对你有帮助,欢迎关注、转发、评论、点赞!

展开 收起
1评论

  • 精彩
  • 最新
  • 哇塞,大佬!你的教程比我的泡面还简单易懂,下次泡妞就靠你了!

    校验提示文案

    提交
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
77
扫一下,分享更方便,购买更轻松