怎么使用Hexo搭建个人博客

2023年 8月 2日 59.5k 0

Hexo是一种快速、简单且强大的静态博客框架,它可用于搭建个人博客或网站。与其他CMS(内容管理系统)不同,例如WordPress或Joomla,Hexo生成静态文件,这使得网站的访问速度更快,更安全。

本文将向你介绍使用Hexo搭建个人博客,并通过GitHub部署到互联网上的详细步骤。

安装Hexo

在开始之前,需要先安装Hexo。首先,确保机器上已安装Node.js,npm (Node.js包管理器) 和Git。打开终端,输入以下命令来安装Hexo:

$ npm install -g hexo-cli

登录后复制

创建一个新的Hexo站点

安装完Hexo之后,就可以创建一个新的站点了。请按照以下步骤进行操作:

  • 选择一个文件夹作为存放Hexo站点的文件夹。在终端输入以下命令,进入此文件夹:

    $ cd /path/to/folder

    登录后复制

  • 运行以下命令生成一个新的Hexo站点:

    $ hexo init myblog

    登录后复制

  • 进入新创建的站点:

    $ cd myblog

    登录后复制

  • 现在我们拥有一个基本的Hexo站点,接下来需要进行配置。

    配置Hexo

    站点配置文件为_config.yml。该文件包含你的站点信息,例如站点名称、描述、标签、第三方社交媒体等。在终端输入以下命令,编辑该文件:

    $ nano _config.yml

    登录后复制

    在文件中,你需要设置以下内容:

  • title: 设置你的站点名称
  • author: 设置你的名字
  • description: 设置你的站点描述
  • language: 设置你的语言
  • timezone: 设置你的时区
  • theme: 设置你的Hexo主题
  • deploy: 设置你的部署类型
  • 例如,如果你想使用Next主题,需要在theme:下输入next。在deploy下,我们将GitHub作为我们的部署类型,因此需要提供以下信息:

    deploy:
    type: git
    repo: https://github.com/yourusername/yourusername.github.io.git
    branch: master

    登录后复制

    此处yourusername应替换为你的GitHub用户名和GitHub页面存储库名称。

    保存文件并退出。

    创建一篇新文章

    现在该站点已经配置好了,接下来创建一篇新的文章。在Hexo中,将使用Markdown文件来创建文章。在终端输入以下命令,创建一个新文章:

    $ hexo new "My First Blog Post”

    登录后复制

    此命令将在/source/_posts目录下创建一个新的Markdown文件my-first-blog-post.md。使用任何编辑器打开该文件,并使用Markdown语法编写内容。

    例如:

    ---
    title: My First Blog Post
    date: 2021-05-01 22:31:01
    tags:
    description: This is my very first blog post!
    ---

    Hello world!

    This is my first blog post on my new Hexo site. I'm really excited to start writing and sharing my thoughts with the world.

    登录后复制

    在保存并退出文件后,就可以将它部署到GitHub上了。

    部署Hexo到GitHub

    首先,需要在GitHub上创建一个新的存储库。请确保该存储库的名称为yourusername.github.io,其中yourusername应替换为你的GitHub用户名。该存储库便是你的个人博客。创建存储库后,需要在本地计算机上进行一些操作,将Hexo网站部署到该存储库中。

    初始化本地存储库

    在终端输入以下命令,将当前目录设置为Hexo站点目录:

    $ cd /path/to/myblog

    登录后复制

    接下来,使用以下命令将站点初始化为git存储库:

    $ git init

    登录后复制

    此命令将在站点目录中初始化一个空的git存储库。

    添加变更

    在本地计算机上修改了Hexo博客,需要将变更添加到git存储库中。输入以下命令,添加新文件和修改文件:

    $ git add .

    登录后复制

    提交变更

    输入以下命令,提交变更:

    $ git commit -m "My First Blog Post"

    登录后复制

    在引号内填上此次提交的描述内容,例如此处的标题“My First Blog Post”。

    部署到GitHub

    部署到GitHub,需要为感兴趣的存储库设置SSH密钥。输入以下命令:

    $ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

    登录后复制

    在引号内填上你的GitHub注册邮箱。

    接下来,按回车键将一路留空,直到SSH密钥生成完毕。

    使用以下命令将公钥添加到GitHub中:

    $ cat ~/.ssh/id_rsa.pub

    登录后复制

    将这个公钥复制到你的GitHub账户中。在GitHub页面的Settings菜单中,选择SSH and GPG keys,选择New SSH key,并将公钥粘贴到文本框中。

    输入以下代码,将代码推到GitHub存储库中:

    $ hexo deploy

    登录后复制

    输入此命令后,Hexo会自动将你的变更提交到GitHub存储库,并且在yourusername.github.io上部署网站。

    从此刻起,你的博客就可以通过访问https://yourusername.github.io来访问了。

    结论

    使用Hexo快速安全地搭建个人博客是一个绝佳的选择。结合GitHub的使用,你可以迅速构建一个专业的博客网站,并在全球范围内共享你的知识。遵循本文所述步骤,你也可以轻松地创建自己的Hexo博客,并将其部署到GitHub平台上。

    以上就是怎么使用Hexo搭建个人博客的详细内容,更多请关注每日运维网(www.mryunwei.com)其它相关文章!

    相关文章

    JavaScript2024新功能:Object.groupBy、正则表达式v标志
    PHP trim 函数对多字节字符的使用和限制
    新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
    使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
    为React 19做准备:WordPress 6.6用户指南
    如何删除WordPress中的所有评论

    发布评论