本系列文章整理自我之前的课程,受众是毫无编程经验的高中生,只要跟着做,肯定能成功!
我们的最终目标是建立自己的网站,主要使用 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 ……”代表安装成功。
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
您的赞助将会支持作者创作及本站运维
发表评论