教你将Hexo部署到Github上

2023年 8月 4日 56.2k 0

Hexo是一种简单实用的静态博客生成器,我们可以使用它来快速创建博客,它支持多种主题、插件,可以轻松处理 Markdown、代码高亮等常见需求。在编写完博客后,我们需要将其部署到互联网上展示给更多人观看,而github是个不错的选择。下面,我们来详细讲解一下如何将 Hexo 部署到 Github 上。

第一步:创建一个 Github 仓库

首先,我们需要前往 Github 官网创建一个仓库,命名格式以“用户名.github.io”为准。

第二步:安装 Git

在部署之前,先确保本地已经安装了 Git,如果没有可以在官网进行下载安装。

第三步:初始化 Hexo

接下来,在本地创建一个文件夹,如“blog”,以便存放 Hexo 的所有文件和目录。运行以下命令进行初始化:

hexo init blog

登录后复制

此命令会在当前目录下创建一个名为“blog”的文件夹,里面包含了 Hexo 的基础目录。

第四步:编辑配置文件

在 Hexo 的基础目录下,有一个名为“_config.yml”的配置文件,我们需要对此文件进行编辑配置。修改文件内容如下:

# Site
title: your-blog-title
subtitle: your-blog-subtitle
description: your-blog-description
keywords: your-blog-keywords
author: your-name
language: zh-CN
timezone: Asia/Shanghai

# URL
url: https://your-username.github.io
root: /

# Deployment
deploy:
type: git
repository: https://github.com/your-username/your-username.github.io.git
branch: master

登录后复制

需要注意的是,其中的“your-blog-title”、“your-blog-subtitle”等内容需要改为你自己博客的信息。

第五步:安装依赖项

在 Hexo 的基础目录下运行以下命令安装依赖项:

npm install

登录后复制

第六步:生成静态文件

在 Hexo 的基础目录下执行以下命令,生成静态文件:

hexo clean && hexo g

登录后复制

此命令将会生成一个“public”目录,其中包含了所有的静态文件。

第七步:将静态文件提交到 Github

在 Hexo 的基础目录下执行以下命令,将静态文件提交到 Github:

hexo d

登录后复制

此命令将会把“public”目录下的所有静态文件上传到 Github 上。

第八步:访问博客

最后,在浏览器中输入以下网址,即可访问博客:

https://your-username.github.io

登录后复制

总结

至此,我们已经将 Hexo 部署到 Github 上完成。在实际使用中,如果我们修改了博客内容,只需要再次执行第六步和第七步的命令,即可将更新后的博客提交到 Github 上。这种方式十分简单方便,适合于个人博客的快速搭建。

以上就是教你将Hexo部署到Github上的详细内容,更多请关注每日运维网(www.mryunwei.com)其它相关文章!

相关文章

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

发布评论