如何使用Hexo搭建个人博客?

Later

使用 Hexo 搭建个人博客是一个简单而有趣的过程,接下来我将带你使用Hexo搭建个人博客。

环境准备

  1. 安装 Node.js 和 npm

    Hexo 依赖于 Node.js 和 npm,首先需要确保你已经安装了它们。如果没有,可以在 Node.js 官网 下载并安装。

    安装完成之后可以使用node -vnpm -v指令查看是否安装成功!

  2. 安装 Hexo

    使用 npm 安装 Hexo:

    1
    npm install -g hexo-cli

    或者

    1
    npm i -g hexo-cli

    安装完成之后可以使用hexo -v指令查看是否安装成功!

初始化 Hexo

  1. 创建一个新的Hexo文件夹:

    1
    hexo init my-blog

    注意要将 my-blog 替换为你想要的博客文件夹名称。

    完成后,进入该文件夹:

    1
    cd my-blog
  2. 安装依赖:

    1
    npm install

    或者

    1
    npm i

配置 Hexo

  1. **配置文件 _config.yml**:

    打开文件 my-blog/_config.yml,你可以在这里配置站点的一些基本信息,如标题、描述、语言等。例如:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    # 这是博客的标题
    title: My Blog
    # 副标题
    subtitle: ''
    # 博客描述
    description: '这是我的个人博客'
    # 网站的关键词,支持多个关键词。
    keywords:
    # 作者名称
    author: Your Name
    # 语言设置
    language: zh-CN
    # 时区设置
    timezone: 'Asia/Shanghai'

创建文章

  1. 新建文章:

    使用以下命令创建一篇新的文章:

    1
    hexo new post "My First Post"

    这将在source/_posts/目录下创建一个名为My-First-Post.md的文件,其实就是Markdown。

本地预览

  1. 启动本地服务器:

    在博客文件夹中运行以下命令:

    1
    hexo server

    或者

    1
    hexo s

    然后在浏览器中访问 http://localhost:4000,你将看到你的博客页面。

当然这些步骤只能做到本地发布,那如何发布到公网上,供大家访问呢?不要急,我会在下一篇文章详细介绍!!!

  • 标题: 如何使用Hexo搭建个人博客?
  • 作者: Later
  • 创建于 : 2024-07-07 22:11:27
  • 更新于 : 2024-07-09 17:05:56
  • 链接: http://www.later0716.top/2024/07/07/build-Blog/
  • 版权声明: 版权所有 © Later,禁止转载。
此页目录
如何使用Hexo搭建个人博客?