返回

一个人的博客篇章:从零开始搭建GitHub+Hexo博客(一)基本内容

前端

背景:为何选择GitHub+Hexo搭建博客?

在当今快节奏的信息时代,每个人都有想法和故事需要分享,而拥有一个博客网站是一个有效的平台,可以实现这一点。

  • Hexo简介: Hexo是一个用Node.js编写的静态博客生成器,提供了丰富的主题和插件支持,使您可以快速搭建个人博客。

  • GitHub: GitHub是一个代码托管平台,用于代码的版本控制、分享和协作,并允许您创建和托管静态网站。

技术指南:构建基本博客结构

步骤 1:安装必要的软件

  • Node.js(>=14.17)
  • Git(>=2.28)
  • Hexo(>=6.1)

步骤 2:创建Hexo博客项目

  • 打开命令行,进入您要放置博客项目的目录。
  • 运行以下命令:
    $ hexo init blog

步骤 3:初始化GitHub仓库

  • 在GitHub上创建一个新的仓库,用作博客的代码库。
  • 将本地Hexo博客项目添加到GitHub仓库。

步骤 4:启动Hexo服务器

  • 运行以下命令启动Hexo服务器:
    $ hexo server

步骤 5:本地预览博客

  • 在浏览器中访问以下地址以预览您的博客:
    http://localhost:4000

博客基本结构介绍

  • 主题: 决定了博客的整体外观和风格,Hexo提供了丰富的主题选择,可满足不同的需求。

  • 文件结构: Hexo项目包含许多文件夹和文件,如source、themes、public和node_modules等,每个文件夹都有其特定的用途。

Markdown语法:内容创作

  • Hexo使用Markdown语法编写博客文章,它是一种易于掌握的标记语言,使您可以轻松地格式化文本。
  • 标题、段落、列表、引用等都有对应的Markdown语法。
  • 可以使用Hexo官方文档或其他Markdown教程来学习Markdown语法。

Hexo主题的选择和应用

  1. 选择主题: 在Hexo官方网站或其他主题分享网站上寻找合适的主题。

  2. 安装主题: 下载主题文件并解压到Hexo博客的themes文件夹中。

  3. 应用主题: 在Hexo配置文件(_config.yml)中将theme值设置为您要应用的主题名称。

博客的美化优化

  1. 优化主题样式: 通过编辑主题配置文件(theme/_config.yml)或主题样式表(theme/source/css/style.css)来优化主题样式。

  2. 添加插件: Hexo提供丰富的插件,可实现多种功能,如社交媒体分享、评论系统等。

博客内容维护:编写和发布

  1. 编写文章: 使用Markdown语法在Hexo博客的source/_posts文件夹中创建新的文章。

  2. 发布文章: 在命令行中运行以下命令发布文章:
    $ hexo generate

  3. 更新博客: 每当您对博客内容进行更改时,都需要运行上面的命令来更新博客。

现在,您已经完成了基本博客的搭建,可以继续学习如何优化博客内容、添加评论系统和美化博客外观。请继续关注下篇教程,我们将深入探索这些主题。