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

推荐订阅源

S
Schneier on Security
有赞技术团队
有赞技术团队
T
The Blog of Author Tim Ferriss
F
Fortinet All Blogs
D
DataBreaches.Net
F
Full Disclosure
腾讯CDC
博客园 - 【当耐特】
MyScale Blog
MyScale Blog
Stack Overflow Blog
Stack Overflow Blog
小众软件
小众软件
Hugging Face - Blog
Hugging Face - Blog
Last Week in AI
Last Week in AI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
爱范儿
爱范儿
The GitHub Blog
The GitHub Blog
Engineering at Meta
Engineering at Meta
大猫的无限游戏
大猫的无限游戏
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
S
SegmentFault 最新的问题
The Register - Security
The Register - Security
WordPress大学
WordPress大学
博客园 - 聂微东
雷峰网
雷峰网
J
Java Code Geeks
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
P
Privacy International News Feed
酷 壳 – CoolShell
酷 壳 – CoolShell
A
Arctic Wolf
Scott Helme
Scott Helme
C
Cyber Attacks, Cyber Crime and Cyber Security
T
Tor Project blog
博客园 - 三生石上(FineUI控件)
Know Your Adversary
Know Your Adversary
AWS News Blog
AWS News Blog
G
Google Developers Blog
www.infosecurity-magazine.com
www.infosecurity-magazine.com
C
CERT Recently Published Vulnerability Notes
O
OpenAI News
Project Zero
Project Zero
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Application and Cybersecurity Blog
Application and Cybersecurity Blog
云风的 BLOG
云风的 BLOG
N
News and Events Feed by Topic
MongoDB | Blog
MongoDB | Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Microsoft Security Blog
Microsoft Security Blog
Cisco Talos Blog
Cisco Talos Blog
P
Palo Alto Networks Blog
Schneier on Security
Schneier on Security

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

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