如何在Windows系统上使用GitHub Pages安装Hexo博客

在本教程中,我们将学习如何在Windows系统上使用GitHub Pages搭建一个基于Hexo的博客。Hexo是一个简单、快速且强大的博客框架,而GitHub Pages是一个免费的静态网站托管服务。

准备工作

安装Node.js

为了使用Hexo,首先需要安装Node.js。请访问Node.js官网下载适合您的Windows系统的安装包,并按照提示进行安装。

安装Git

Git是一个分布式版本控制系统,用于管理您的博客源代码。请访问Git官网下载适合您的Windows系统的安装包,并按照提示进行安装。

安装Hexo

1.打开命令提示符(CMD)或者PowerShell

2.运行以下命令以全局安装Hexo:

npm install -g hexo-cli
#安装完成后,您可以使用`hexo -v`命令查看Hexo的版本信息。

创建Hexo博客

1.选择一个文件夹作为您的博客工作目录,然后在命令提示符或PowerShell中,切换到该目录:

cd <您的工作目录>

2.运行以下命令创建一个新的Hexo博客:

hexo init <您的博客名称>
#这将在工作目录中创建一个名为`<您的博客名称>`的文件夹,其中包含Hexo博客的所有文件。

3.切换到博客目录:

cd <您的博客名称>

4.运行以下命令安装所需依赖:

npm install

运行以下命令启动本地服务器预览您的博客:

hexo server
#这将在本地启动一个服务器,您可以通过浏览器输入`http://localhost:4000`预览博客。

部署到GitHub Pages

1.创建一个新的GitHub仓库,仓库名称为<您的GitHub用户名>.github.io

2.在博客目录下,运行以下命令初始化Git仓库:

git init

3.添加所有文件到Git仓库:

git add .

4.提交更改:

git commit -m "Initial commit"

5.将本地仓库与GitHub远程仓库关联:

git remote add origin https://github.com/<您的GitHub用户名>/<您的GitHub用户名>.github.io.git

6.将本地更改推送到GitHub远程仓库:

git push -u origin master

7.修改博客目录下的_config.yml文件,找到deploy部分并进行以下更改:

deploy:
  type: git
  repo: https://github.com/<您的GitHub用户名>/<您的GitHub用户名>.github.io.git
  branch: master

8.安装hexo-deployer-git插件以支持Git部署:

npm install hexo-deployer-git --save

9.重新生成并部署博客:

hexo clean
hexo generate
hexo deploy

完成以上步骤后,您的Hexo博客将成功部署到GitHub Pages。访问https://<您的GitHub用户名>.github.io,您将看到博客已成功上线。

当在本地对项目进行修改后,需要更新远程存储库时,请遵循以下标准流程:

  1. 检查工作目录的状态。运行以下命令,查看是否有未暂存的更改或未跟踪的文件:
git status
  1. 暂存更改。将所有更改和未跟踪的文件添加到暂存区:
git add .

您也可以选择性地添加特定文件,例如:

git add path/to/your/file
  1. 提交更改。将暂存的更改提交到本地仓库,并添加描述性的提交信息:
git commit -m "Your commit message here"
  1. 拉取远程更改。在推送本地更改之前,确保您已经拉取了远程存储库的最新更改。这有助于避免冲突和合并问题:
git pull --rebase origin master

此命令将获取远程存储库的最新更改,并在本地存储库中重新应用您的提交。

  1. 解决冲突(如有)。如果在拉取和整合远程更改时遇到冲突,请手动解决冲突并提交解决方案。
  2. 推送更改。将您的更改推送到远程存储库:
git push origin master

完成这些步骤后,您在本地所做的更改应该已成功更新到远程存储库。

请注意,在具体情况下,流程可能略有不同,例如使用不同的分支名称。但这些步骤提供了一个通用的更新远程存储库的方法,应适用于大多数情况。

切换主题为butterfly

稳定版【建议】

在你的 Hexo 根目录里

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

测试版

测试版可能存在 bug,追求稳定的请安装稳定版

如果想要安装比较新的 dev 分支,可以

git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
升级方法:在主题目录下,运行 git pull

应用主题

修改 Hexo 根目录下的 _config.yml,把主题改为 butterfly

theme: butterfly

安装插件

如果你没有 pug 以及 stylus 的渲染器,请下载安装:

npm install hexo-renderer-pug hexo-renderer-stylus --save

原文章链接

Butterfly 安裝文檔(一) 快速開始 | Butterfly
智云海Telegram频道
技术支持:[email protected]
站长E-mail:[email protected]
如需转载,请注明文章出处
暂无评论

发送评论 编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇