搭建Hexo博客+部署到Github

2023-11-13

前言

本文章灵感来源于B站up主codesheep,以及视频评论区里的课代表的博客。为了学习总结经验,经过一定修改和总结后写下了这篇文章,感谢他们的指导。


以下操作均在windows10 64位 系统下演示

一、准备工作(安装Node.js 和 Git)


1、安装Node.js

进入 Node.js 官网

https://node.js.org/

点击下载左边的较稳定版本。下载完之后安装,一直下一步即可。在这里插入图片描述

2. 安装 Git

进入 Git 官网

https://git-scm.com/downloads

在这里插入图片描述
在这里插入图片描述
也是一样下载完后安装,一直下一步就行了。

二、安装Hexo


首先,创建一个文件夹(这个文件夹将是你的Hexo博客的一些相关文件放置的地方)
然后,打开进入文件夹,点击右键选择 Git Bash here 相当于从这里进入终端窗口

分别输入

node -v
npm -v

查看 node和npm的版本,检测node是否安装成功。

在这里插入图片描述
接下来,我们要安装cnpm

在终端窗口输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

等待片刻,安装完后输入 cnpm 进行测试。

然后安装Hexo

cnpm install -g hexo-cli

输入 hexo -v 检验
在这里插入图片描述
最后输入

hexo init

表示把整个项目建立在当前文件夹中

打开我们刚刚新建立的文件夹,里面含有以下文件即表示博客搭建成功。
在这里插入图片描述

三、运行测试Hexo


1、常用命令

	#三连:
	 hexo clean          
	 hexo g             
	 hexo s
hexo clean 	#清理缓存文件
hexo g     	#生成文件
hexo s     	#运行本地服务器
hexo d     	#推送到服务器

创建文章命令:

hexo n "我的博客文章"

然后就会在文件夹/source/_posts里生成一个对应的md文件,用文本编辑器打开他就可以写文章了,注意最好用Markdown格式书写。

写完之后在终端窗口输入一波三连即可。

2、运行博客

hexo s

打开浏览器,输入:localohost:4000

在这里插入图片描述

上图是我个人自己设置过主题后的效果

你们刚搭建完的Hexo博客可能不长这样,那是Hexo默认给你设置的主题。

四、将Hexo博客部署到Github上


可能大家觉得每次想打开博客都要先打开终端然后输入hexo s有点麻烦
那么,部署到Github上后将会舒服很多

具体的如何创建一个Github账号在这里就不讲了

当然,如果你嫌Github运行慢的话,也可以部署到国内的Coding上(具体你们也可以看这位课代表的博客)Hexo学习(二),在这里就不演示了

1、创建Github仓库

先打开Github官网,登录上我们的账号,然后创建一个仓库,这个仓库将是你在终端把文件推送到Github上储存文件的地方。

注意:这里的仓库名一定要是 你的Github帐户名.github.io
这也是你以后打开博客的网址
在这里插入图片描述

2、推送到服务器

首先,我们回到我们之前创建的那个放置博客的文件夹,再次进入终端。
然后输入 cnpm install --save hexo-deployer-git 等待安装。

然后我们回到那个文件夹,用记事本或者其他文本编辑器打开 _config.yml 文件。
拉到下面会看见 deploy:

接下来我们输入以下信息并保存:在这里插入图片描述
最后我们返回终端窗口
输入以下代码:

git config --global user.name "你的Github用户名"
git config --global user.email "你注册Github时用的邮箱 xxx@xxx"

最后我们输入:

hexo d

然后会跳出登陆Github账号密码的窗口,输入完之后等待片刻。

这样就大功告成啦!!!!
打开浏览器输入你的Github仓库名(xxx.github.io)就能打开博客了!!!


这是我第一次写博客,有点不顺手,没经验,有什么不合理的地方请大家多多包涵。

往后我会不定期写一些总结学习知识点的文章与大家一起学习,至于Hexo主题的优化方面,我自己也在斟酌,往后可能也会写一下经验。

谢谢观看

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

搭建Hexo博客+部署到Github 的相关文章

  • Github Markdown 从存储库文件加载代码块

    我想在我的中添加一个 JSON 代码块README md并且需要从repo文件加载代码块 例如 可以执行以下操作吗 json lt
  • 将存储库移至另一台计算机

    我已将存储库从计算机 A 移至计算机 B 我已验证等待推送的提交仍在 B 上 但整个存储库 每个文件 均未暂存 我不想添加它们并将它们作为提交推送 因为从复制存储库到粘贴它 我没有更改每个文件 当我移动存储库时 它只有等待推送的提交 而不是
  • 使用 git filter-branch 然后 git push --force 清除大文件后,远程(Gitlab)上的 Git 存储库大小仍然很大

    我已按照 Gitlab 文档中有关 使用 Git 减少存储库大小 的说明进行操作 通过从历史记录中清除大文件 https docs gitlab com ee user project repository reducing the rep
  • git log 不按时间顺序排列

    我在一个公共项目 B2G 又名 FirefosOS 上意外发现 git log 输出不是按时间顺序排列的 git clone https git mozilla org releases gecko git git log graph fo
  • 使用 Git 部署时压缩 JS/CSS 文件

    我对 git 有点陌生 另外 这是我第一个自动化部署过程的项目 到目前为止 能够做到这一点真是太幸福了git push dev并上传文件 复制配置文件等 现在 当我推送到我的开发服务器时 我想缩小 JS CSS 文件 我正在考虑在服务器上安
  • 目标路径已存在且不是空目录

    我克隆了一个 git 存储库 但不小心弄乱了 所以我重新克隆并显示消息 目标路径已存在且不是空目录 我尝试过删除 Mac 中带有目标路径名称的文件夹 但没有成功 我对编码非常陌生 因此我们将不胜感激 对于根文件夹 以及任何其他文件夹 对于那
  • 为什么 git 无法识别我的本地存储库?

    我刚刚回到一个我已经使用 Git 大约 6 个月的项目 看到了这个 cd d DEVELOP BlenderAe My repo root git status fatal not a git repository or any of th
  • Azure Devops Pipeline YAML 中的 Git 标记名称

    Summary 如何获取 Azure Devops Pipeline YAML 文件中当前 git 标签的名称 我想做什么 我正在 Azure Devops 中设置构建管道 创建新的 git 标签时会触发管道 然后我想构建 docker 镜
  • Git:如何维护项目的两个分支并仅合并共享数据?

    假设我有一个项目的两个分支 IMClient MacOS 和 IMClient Windows 它们的代码仅 比方说 一个目录 main 有所不同 所有其他目录都包含与系统无关的代码并且可以互换 有些工作人员在 Windows 版本上工作
  • 合并多个 git 存储库

    假设我有一个看起来像这样的设置 phd code phd figures phd thesis 由于历史原因 这些都有自己的 git 存储库 但我想将它们合并为一个 以稍微简化事情 例如 现在我可能会进行两组更改 并且必须执行类似的操作 c
  • 如何设置“阅读文档”以使 Sphinx autodoc 选项发挥作用?

    我的项目不是使用 autodoc 构建的 我遇到了关于我的项目未在 autodoc 中构建的常见问题 https read the docs readthedocs org en latest faq html my project isn
  • 无法从另一台计算机访问 git 分支

    基本上我看不到另一台计算机上的分支 我跑 git branch a 在家用电脑上我得到 C learn ror sample app filling in layout gt git branch a filling in layout m
  • Windows 上的 git 忽略文件名大小写更改 [重复]

    这个问题在这里已经有答案了 我有一个reactjs应用程序 我正在将所有文件名标准化为小写以符合Nodejs 最佳实践 https devcenter heroku com articles node best practices stic
  • 在 git 中管理 schema.rb 的首选方法是什么?

    我不想添加schema rb to gitignore 因为我希望能够从该文件加载新的数据库架构 然而 保持检查状态会导致各种虚假冲突 而这些冲突很容易通过新的解决方案解决 db migrate reset 基本上我想要一种方法 将 sch
  • 如何在没有本地存储库的情况下在远程运行 git 命令

    我有一个名为 git export 的脚本 它可以帮助我导出远程存储库 它是这样运行的 git export http host com git repo lt t tag or b branch or c commit gt local
  • Azure git 部署 - 第二个程序集中缺少引用

    我正在尝试将 Bitbucket 部署设置到 Azure 网站 我成功链接了 Bitbucket 和 Azure 但是当我推送到 Bitbucket 时 我在 Azure 站点上收到以下错误 如果我单击 查看日志 它会显示以下编译错误 D
  • 在 git 中记录前 10 个

    两个问题 如何从头到尾显示 git 中的前 10 个提交 无分行 如何指定提交索引并记录它 显示第二个或第三个 我知道 git 使用父级来链接提交 很容易从头到尾记录提交 喜欢 git log HEAD 10 但我需要从头到尾查询 可以吗
  • 如何防止克隆我的 github 存储库?

    我正在尝试找到一种方法来防止从 github 存储库克隆 例如 我有一个私有存储库 有些人在该存储库中工作 在公司计算机中 团队中的每个人都设置了授权级别 当我在 github 上为某个用户设置授权时 该存储库可在他 她自己的 github
  • git 从存储中删除文件

    我有一个藏匿处 里面有一堆文件 但由于文件冲突 我无法应用我的存储 我已经在我的存储中发现了有问题的文件 我想将其删除 如何从存储中删除单个文件而不破坏整个文件 存储是一次提交 或者实际上是两次甚至有时是三次提交 并且您无法更改提交 那么
  • 如何使用 git-tfs 清理损坏的历史记录

    我不确定我是如何进入这种状态的 但我的 tfs 默认远程分支中有一些 TFS 中不存在的提交 所以我想摆脱它们 所以我的历史是这样的 A B C D tfs default 但提交 B 和 C 实际上并不是 TFS 中的变更集 因此 当我签

随机推荐

  • 04别人能用的代码,在vscode或cmd下运行缺少模块的解决方法

    都是踩过的坑 总结一下解决方法就是 运行npm install进行修复 修复遇到问题可以删除 node modules 文件夹再试 具体方式如下 当运行 npm run serve 命令时遇到缺少模块 Module 的错误时 可以尝试以下几
  • CrowdSourcing-众包分析

    众包指的是一个公司或机构把过去由员工执行的工作任务 以自由自愿的形式外包给非特定的 而且通常是大型的 大众网络的做法 就是原来是公司做的事情 处于资金或者工作质量的考虑 通过游戏 ImageLabeler 社区 知乎 或者维基百科 竞赛 k
  • java.math.BigDecimal用法----Add、Subtract、Multiply、Divide

    引用自 url http www cnblogs com linjiqin p 3413894 html url 一 简介 Java在java math包中提供的API类BigDecimal 用来对超过16位有效位的数进行精确的运算 双精度
  • python基础01元组 函数

    1 可变类型的数值变化 是通过方法来实现的 2 如果给一个可变类型的变量 赋值一个新的数据 引用 id 会修改 3 不可变类型数据可以作为字典的键值对key 可变类型不能 元组 小括号 只可增删不可修改 函数 def print menu
  • QT 多层视图(视图叠加显示)

    之前做Mac应用开发 视图层是可以上下叠加显示的 然后回到QT这边开发 发现QT的布局上不能叠加显示 于是写了个简单的可以叠加QWidget的小Demo 这是调用的代码 include mainform h include multilay
  • 玉柴spn码故障对照表_卡车处理故障后不烧尿素也头疼!

    之前说到车辆烧尿素太多 让很多车主头疼 但是如果车辆不烧尿素了也会让车主头疼 若长期不使用SCR系统拆掉 系统里的化学物质会很快被氧化 尿素喷嘴也会堵塞 致使整套系统报废 更换一套SCR系统的成本比消耗尿素的成本要贵得多 化学物质发生氧化
  • 常用中间件控制台默认登陆

    以下用本地127 0 0 1作为ip前缀方便本地直接点击跳转使用 实际部署时替换该ip即可 中间件名称 访问地址端口 默认账号密码 rabbitmq http 127 0 0 1 15672 guest guest activemq htt
  • 有各组方差怎么算组间平方和_组内离差平方和,组间离差平方和与总离差平方和各反映了什么?...

    展开全部 组内离差平方和反映了试验过程中各种随机因素所引起32313133353236313431303231363533e59b9ee7ad9431333431353331的试验误差 组间离差平方和反映了各组样本之间的差异程度 即由变异因
  • TortoiseGit密钥配置图文教程

    1 在 开始菜单 中找到 TortoiseGit 下的 PuTTYgen 建议直接搜索PuTTYgen 单机运行 2 点击 Generate按钮 鼠标需要在 Key区域 活动直至绿色进度条完成 切记 鼠标一定要动哦 鼠标不动的时候 绿色进度
  • 华为HCS之私有云工具FCD搭建

    华为HCS之私有云工具FCD搭建 一 FCD虚拟机创建 1 选择Vmware版本 2 选择虚拟机操作系统版本 3 虚拟机cpu配置 4 虚拟机分配内存 5 选择磁盘大小 6 指定镜像目录 7 开机安装系统 二 系统的初始配置 1 IP配置
  • Java文件的读写

    文件与流 在实际生活中 我们总要对文件进行操作 Java提供了流可以帮助我们读写文件 下面是常用的流类型结构图 在对文件的读写操作中 字节流可用于读写二进制文件 字符流用于读写文本文件 所谓二进制文件 指文件无字符编码格式 均由字节 Byt
  • SpringBoot--基础--02--配置属性

    SpringBoot 基础 02 加载配置 代码位置 https gitee com DanShenGuiZu learnDemo tree mysql mybaties DB springboot learn springboot 1 1
  • springboot整合Swagger2 被拦截问题解决

    springboot整合Swagger2 被拦截问题解决 本来是想整合swagger3 弄了3个依赖进来 就一直注入不进来 推测版本的问题 springboot公司项目是2 0 6的 就先把swagger3降到2 项目用的是OAuth2 就
  • 程序员/媛的日常——coding/debugging/查bug/改bug

    程序员 媛的日常 coding debugging 查bug 改bug 一 在面对失误而带来的指责和沮丧时 你是如何做的 二 发生了失误之后 你是如何找到问题的 如何避免只看到表面现象而忽略了根本问题 三 在工作中我们应该怎么做才能降低失误
  • 矩阵分析

    看了这个视频后觉得自己是个没有学习过线代的人啊 感谢七月算法讲解的矩阵应用 本篇博文完全用作个人学习笔记 一 我们通过图形化来描述一下矩阵的行列和转置间的关系和特性 1 矩阵的行视图 我们以矩阵的每一行为组合 会得到一个几何图案 比如下图中
  • 深度学习初探——yolov3经典目标检测算法

    提示 文章写完后 目录可以自动生成 如何生成可参考右边的帮助文档 目录 前言 一 yolov3的网络结构 二 利用Darknet 53进行特征提取 1 残差网络 2 代码实现 三 利用FPN特征金字塔进行特征增强和预测输出 1 利用FPN特
  • LeetCode 面试最热100题 跳跃游戏

    作者 Linux猿 简介 CSDN博客专家 华为云享专家 Linux C C 云计算 物联网 面试 刷题 算法尽管咨询我 关注我 有问题私聊 关注专栏 点击关注 LeetCode面试必备100题 专栏 优质好文持续更新中 目录 一 题目描述
  • python3解决读取到的邮件中的乱码问题

    点进来看这篇文章的你 是不是有这种情况 不管用什么模块去读取邮箱中的邮件 都能看到类似 gb18030 B 1vfM4g 这样的仿佛像乱码一样的东西 你比如说这样子的 X QQ FEAT YSSoAXAEBlFn3rgysgiXLVc6JA
  • 关于虚拟机下Linux的opencv获取摄像头图像问题

    最近在虚拟机Ubuntu14 04下运行PTAM 配置过程参考 http makaidong com zhuquan945 1 129074 12259634 html 在最后运行时想使用购买外接USB摄像头 YUYV 进行实验 但发现怎么
  • 搭建Hexo博客+部署到Github

    前言 本文章灵感来源于B站up主codesheep 以及视频评论区里的课代表的博客 为了学习总结经验 经过一定修改和总结后写下了这篇文章 感谢他们的指导 目录 前言 一 准备工作 安装Node js 和 Git 1 安装Node js 2