2.Hexo初始化和默认文件介绍

本文详细介绍了如何通过Hexo创建第一个网站,包括从命令行初始化项目,设置文件结构,生成静态页面,以及理解关键文件和配置。重点讲解了`node_modules`、`scaffolds`、`source`、`themes`和`_config.yml`等核心文件的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如何创建第一个网站和hexo
创建网站,运行网站,并在浏览器上查看网站
了解hexo默认创建的一些文件结构和文件

获取hexo项目

打开终端
为了创建hexo网站,必须通过终端来创建它,hexo CLI
the hexo command line interface 命令行接口
hexo cli会安装hexo,同时安装一些hexo的命令,也就是可以通过命令直接操控hexo

1.

输入hexo init,然后输入想要创建的项目的名称,如ga-hexo
hexo init ga-hexo,点击Enter
![[Pasted image 20240409143052.png]]

hexo会运行一堆不同的命令,会开始访问互联网,获取一堆默认文件,会使用nodejs做一些事情
![[Pasted image 20240409143259.png]]

hexo会获取和网站放在一起的所需的所有内容,当hexo项目安装完毕,会弹出Start blogging with hexo

打开新创建的ga-hexo文件夹,里面有一堆文件夹和文件
![[Pasted image 20240409143315.png]]

2.

如何立即开始使用hexo网站
进入创建的新目录,输入cd ga-hexo/,或者使用vscode打开文件夹
![[Pasted image 20240409143432.png]]

3.

生成网站页面
hexo g
![[Pasted image 20240409144619.png]]

多出一个public目录,就是生成的网站
![[Pasted image 20240409144739.png]]

4.

运行一个hexo服务器命令hexo server,获取hexo网站,并将其提供到计算机上的本地Web服务器上,通常被称为localhost,当点击Enter时,hexo会转到设置的网站,它会抓取所有的这些文件并将它们组合到hexo网站中
![[Pasted image 20240409143505.png]]

会看到hexo现在正在localhost 4000上运行该网站,localhost是计算机上的本地网络服务器,4000是指浏览器的端口号
![[Pasted image 20240409143551.png]]

这就是localhost4000,这是hexo附带的默认主题

认识默认文件和文件夹

1. node_modules

![[Pasted image 20240409143628.png]]

里面的文件看似很复杂,但实际上并不需要真正接触这个文件夹,这个文件夹被nodejs使用,hexo是在nodejs上搭建的,所以hexo会使用此文件夹的一些内容来运行,不需要特别注意这个文件夹,但是不要删除它

2. scaffolds

![[Pasted image 20240409143651.png]]

基本上就像hexo网站的内容页面上使用的模板,所以这里有三个md文件,这些基本上都是内容模板,所以每次在hexo网站上创建新内容的时候,在这些内容创建之前,它会进入这个scaffolds文件夹并且找到想要创建的内容类型
如果想编辑博客或者页面和草稿,hexo会在这里找到该特定类型页面的模板并使用它
如果您修改 scaffold/post.md 中的 Front-matter 内容,那么每次新建一篇文章时都会包含这个修改。

3. source

![[Pasted image 20240409143720.png]]

可能是使用次数最多的文件夹,这是用来放置所有内容的文件夹,如果想要创建一个博客,并且想要一个地方来存储所有的博客,可以把这些博客放到这个文件夹里
_posts子文件夹,可以在此处放置博客文章,也可以放置其他内容
除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

4. themes

![[Pasted image 20240409143743.png]]

Hexo 会根据主题来生成静态页面
在hexo网站上存储网站主题的地方,hexo网站在默认情况下已经有一个样式了,如果有需要可以下载其他主题或者创建自己的主题,任何主题都会存储在这个文件夹里

5. _config.yml

![[Pasted image 20240409143805.png]]

是整个项目中最重要的文件,本质上就像是整个hexo网站的设置文件,这里有不同的属性,基本上存储的是关于hexo网站的变量,可以在里面设置标题和副标题,这是一个相当大的文件,可以切换不同的属性和布尔值来控制网站
![[Pasted image 20240409142209.png]]

在主题后面,键入了landscape,以此来控制网站使用哪个主题

6. 其他

![[Pasted image 20240409143829.png]]

.gitignore,是git使用的文件,基本上只是确定哪些文件需要被注意
db.json,只是一个文件,不需要过多注意
![[Pasted image 20240409143843.png]]

package.json,是一个由nodejs使用的文件,这里有多个依赖项部分,有很多和hexo有关的东西,所以这是一个hexo使用nodejs的控件,一般不需要修改这个文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值