惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

T
The Blog of Author Tim Ferriss
S
Securelist
D
Docker
The Register - Security
The Register - Security
GbyAI
GbyAI
Recorded Future
Recorded Future
Engineering at Meta
Engineering at Meta
Stack Overflow Blog
Stack Overflow Blog
云风的 BLOG
云风的 BLOG
P
Proofpoint News Feed
罗磊的独立博客
博客园 - 【当耐特】
F
Full Disclosure
WordPress大学
WordPress大学
腾讯CDC
小众软件
小众软件
大猫的无限游戏
大猫的无限游戏
D
DataBreaches.Net
SecWiki News
SecWiki News
L
Lohrmann on Cybersecurity
I
InfoQ
MyScale Blog
MyScale Blog
量子位
Cyberwarzone
Cyberwarzone
博客园 - 三生石上(FineUI控件)
The Hacker News
The Hacker News
F
Fortinet All Blogs
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Jina AI
Jina AI
博客园_首页
H
Help Net Security
K
Kaspersky official blog
酷 壳 – CoolShell
酷 壳 – CoolShell
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
www.infosecurity-magazine.com
www.infosecurity-magazine.com
Webroot Blog
Webroot Blog
Blog — PlanetScale
Blog — PlanetScale
V
Vulnerabilities – Threatpost
Y
Y Combinator Blog
The Cloudflare Blog
P
Proofpoint News Feed
V
Visual Studio Blog
C
Cyber Attacks, Cyber Crime and Cyber Security
T
Tailwind CSS Blog
爱范儿
爱范儿
P
Privacy International News Feed
Security Archives - TechRepublic
Security Archives - TechRepublic
The GitHub Blog
The GitHub Blog
C
Cybersecurity and Infrastructure Security Agency CISA
B
Blog RSS Feed

Mukti

树犹如此:连树都这样…究竟是哪样? - Mukti 乐观的未来:虽然AI让一些人失业,但我们可以给AI打工呀。 - Mukti 互联网记忆-2026 - Mukti 我的程序员同事去送外卖了 - Mukti 三月碎片-2025:诡异的屏蔽词,以及“来自划痕” - Mukti 二月碎片-2025 - Mukti 一月碎片-2025:人生的意义 - Mukti 12月碎片-2024:抓到了AI胡说八道的证据 - Mukti 分享几个有趣的定律 - Mukti 以Ant Design Pro为例详解Redux、redux-saga、dva - Mukti 11月碎片-2024 - Mukti
不需要会编程,不用写代码,四步教会你从零基础用 Hexo 建立自己的网站!(一) - Mukti
mukti · 2025-03-12 · via Mukti

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

我们的最终目标是建立自己的网站,主要使用 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

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