不需要会编程,不用写代码,四步教会你从零基础用 Hexo 建立自己的网站!(一)

本系列文章整理自我之前的课程,受众是毫无编程经验的高中生,只要跟着做,肯定能成功!

我们的最终目标是建立自己的网站,主要使用 Hexo 这个程序,你可以理解为它是一个软件,帮助你生成网站。Hexo 被定性为一个博客网站,你或许接触过一些博客网站,比如新浪微博,注册一个账号,发布一些内容,打开你的主页之后,其实,这就是你的网站。

但是新浪微博的样式只有一种,我们自己搭建的网站可以自定义样式,因为我们自己不写代码,所以我们要用“现成”的样式,不过我们有几百个样式可以选择,这里 https://hexo.io/themes 列出了所有 Hexo 可以免费使用的模板,只要跟着做,就可以建一个上面网址所列的任意一个样子的网站。


本次需要完成4个软件的安装,就是开始建站的准备工作,过程中如果有任何困难可以随时联系我。

1. 安装 git

使用 git,可以更方便从 github 或者 gitee 下载代码,也可以方便地将我们写好的代码上传到 gitee 的“仓库”中。

下载地址:https://git-scm.com/downloads

选择与自己的操作系统对应的版本下载安装。

git 安装之后,并不是像其他的桌面软件一样,它不是一个界面化的软件,而是需要可以在命令行使用的,可以用以下方式看看是否安装成功。

检查是否安装成功

Windows 系统中打开 PowerShell。
MacOS 打开“终端”。

输入以下代码,然后按回车键:

git --version

如果能看到“git version ……”代表安装成功。

git

2. 安装编辑器 VSCode

VSCode 是前端程序员比较青睐的代码编辑器,其他编辑器也可以。

https://code.visualstudio.com/

下载与你电脑系统对应的版本。

3. 安装 Node

因为我们使用了 Hexo 这个建站程序。Hexo 需要在 Node 环境中运行,所以我们要在电脑上安装后 Node 做前提,才能使用 Hexo。

下载链接:https://nodejs.org/zh-cn (选择长期维护版(LTS)下载即可)或者 https://dev.nodejs.cn

安装完了 Node 之后,我们就可以在“命令行”中使用 node 命令。使用方法:

Windows 系统打开 PowerShell。MacOS 打开 “终端”。输入:

node --version

和上文中我们检验 git 安装类似,可以看到屏幕显示 Node 的版本信息,表示已经安装成功。

Node 安装成功的同时,还为我们捆绑安装了另一个命令 npm,也是同样的方式输入:

npm --verson

只要 node 安装成功了,npm 一定也会一起安装成功。以后我们可能会经常用到以这个 npm 开头的命令代码。

4. 安装 Hexo

前面提到过,我们要借助 Hexo 这个建站程序,所以我们需要在电脑里安装。

与一般的软件安装不同,Hexo 需要通过命令行安装,而不是一般的下载一个安装包去安装。

具体方法如下:

打开命令行工具,前面我们用过几次了(Windows 打开 PowerShell,MacOS 打开终端):

输入以下代码,这个就是我们前面提到的 npm 命令:

npm i hexo -g

(i 是 install 的缩写,就是安装的意思,-g 是 global 的缩写,全局的意思,不需要记住)

输入上方的安装命令之后,可能需要等待一段时间。

安装成功大概显示如下:

上面步骤都完成后,准备工作就完成了。下次课我们将学习如何使用 Hexo,你也可以自己浏览 Hexo 的文档,看不太懂也没关系,不要着急,下节我们过一遍很快就能掌握。

下一节:https://feizhaojun.com/?p=4126

您的赞助将会支持作者创作及本站运维

发表评论

1. 安装 git检查是否安装成功2. 安装编辑器 VSCode3. 安装 Node4. 安装 Hexo发表评论