Hexo 博客搭建教程(1)环境准备

Hexo 从零开始(1)Hexo环境准备

安装环境工具

Node.js安装—因为 Hexo 是基于 Node.js 驱动的一款博客框架

  • 官网下载地址:https://nodejs.org/en/download/

  • 历史版本下载地址:https://nodejs.org/en/download/releases/

  • 推荐LTS稳定版安装,或者下载历史低版本避免出现各种不兼容的问题Snipaste_2023-10-20_15-02-51

    Snipaste_2023-10-20_15-41-35

  • 按下win + R键,输入CMD回车,在CMD窗口后执行node -v && npm -v命令可查看版本信息

  • 修改npm源。npm下载各种模块默认是从国外服务器下载,速度较慢,建议配置成淘宝镜像。
    打开CMD窗口,运行命令:npm config set registry https://registry.npm.taobao.org


Git安装—一个分布式版本控制系统,用于项目的版本控制管理

常用命令

git version
node -v      //查看版本信息
npm -v

git config -l       //查看所有配置

git config --system --list     //查看系统配置

git config --global --list     //查看用户(全局)配置

git config --global username      //"你的用户名"

git config --global useremail    //"你的邮箱":

Untitled

安装 Hexo

右键打开Git BASH Here在命令行输入以下命令执行安装:

npm install -g hexo-cli

Untitled 1

安装完成后,运行**hexo -v 命令查询**版本号,验证是否安装成功

Untitled 2

初始化Hexo目录

创建一个Hexo文件夹此文件夹用于存放博客文件

在此文件夹下右键打开Git Bash Here 执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件

hexo init MyBlog
cd MyBlog
npm install
hexo g
  • 代码运行示例
    Snipaste_2023-10-20_16-44-34

执行命令后文件夹的目录结构

.
├── _config.yml # 网站的配置信息,您可以在此配置大部分的参数。
├── package.json
├── scaffolds # 模版文件夹
├── source  # 资源文件夹,除 _posts 文件,其他以下划线_开头的文件或者文件夹不会被编译打包到public文件夹
|   ├── _drafts # 草稿文件
|   └── _posts # 文章Markdowm文件
└── themes  # 主题文件夹

Snipaste_2023-10-20_16-49-48

试运行Hexo运行

  1. 运行 hexo s ( hexo server的缩写),启动预览服务器,打开 http://localhost:4000 预览效果
hexo s

Untitled 3

Untitled 4

  • 10
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MatrixWave

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值