使用Hexo搭建个人博客网站-04-将本地Hexo仓库部署到GitHub Pages上

news/2024/5/17 7:02:54/文章来源:https://blog.csdn.net/m0_38064214/article/details/84504904

一、创建 GitHub 远程仓库

仓库名称必须要遵守格式:账户名.github.io,并且必须勾选 Initialize this repository with a README。如下图所示:
在这里插入图片描述
点击 Create repository,创建仓库。

创建完成后,网页会跳到如下图所示界面:
在这里插入图片描述

二、测试访问 GitHub Pages

点击上图中的 Settings,并将网页下拉至 GitHub Pages 部分,如下图所示:
在这里插入图片描述
从上图中的描述可知,我们的网站已经被发布在了如下网址:https://napoleon940911.github.io/
开心!!!赶紧将这个网址输入浏览器并回车进入,如下图所示:
在这里插入图片描述
Yes,GitHub Pages 测试成功!!!
感兴趣的话还可以测试一下,发现手机通过互联网也可以直接访问!!!
至此,我们就拥有了一个自己专属的网站了!!!

三、设置用户信息

回到我们创建的本地 Hexo 仓库,右击 Git Bash Here,依次输入:

git config --global user.name "用户名"
git config --global user.email "邮箱"

并回车,如下图所示:
在这里插入图片描述
这里主要是为了设置 Git用户名邮箱,主要是用来记录后续我们往 GitHub 上提交的记录。上面的 用户名邮箱 大家应该根据自己的 GitHub 账户改为自己的 用户名邮箱

四、检验用户信息

设置完成后,可以通过输入:git config --list,来检验 用户名邮箱 是否设置成功,如下图所示:
在这里插入图片描述

五、更改站点配置文件

Notepad++记事本 等打开 Hexo 仓库根目录下面的 _config.yml 文件,并滚动到文件最后,可以看到如下图所示:
在这里插入图片描述
这里将上图中的内容更改为如下图所示:
在这里插入图片描述
关于上图中 repo 的获取,如下图所示:
在这里插入图片描述
依次点击上图中的大小方框,即可将我们需要的信息添加到 剪切板 里面,直接粘贴到前面提到的 _config.yml 文件中最后的 repo: 后面即可。

保存 _config.yml 文件,并退出。

六、安装 hexo-deployer-git

Git Bash 中输入:npm install hexo-deployer-git --save,开始安装 hexo-deployer-git,即 Hexo 部署到 Git 上的扩展。这个过程需要稍微等待一小会儿时间。安装完成后的界面如下图所示:
在这里插入图片描述
从上图中可以看出,我们已经成功安装了 hexo-deployer-git,安装的版本为 0.3.1,且共耗时 24.596 秒。

七、首次部署

Git Bash 中输入:hexo deploy,开始将我们最开始生成的 网站雏形 部署到 GitHub 上,这个过程需要花一些时间,需要耐心等待。部署完成后,Git Bash 窗口中如下图所示:
在这里插入图片描述
上图中最后一行提示 Deploy done,意味着我们部署成功了!

如果我们没有安装 hexo-deployer-git 就直接部署的话,则会出现如下图所示情况:
在这里插入图片描述
从图中最后一行提示的 ERROR Deployer not found: git 可以看出,提示我们没有找到用来将网站部署到 Git 上的 Deployer。则需要按照前面的步骤来安装 hexo-deployer-git,然后再重新部署即可。

八、再次测试 GitHub Pages

这时,我们再去访问我们前面得到的 GitHub Pages:https://napoleon940911.github.io/。会发现原来几乎空白的网页,已经变成了前面我们在本地通过 http://localhost:4000 所访问到的网页了!如下图所示:
在这里插入图片描述
如果测试发现 GitHub Pages 还是没有任何变化,不要着急,等几分钟之后再次刷新即可。

至此,我们就已经成功将本地的 Hexo 仓库部署到 GitHub 上了。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_778718.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用Hexo搭建个人博客网站-06-解析并绑定域名

假设大家已经拥有了可以用来绑定我们个人网站的域名。 一、测试域名 我之前在阿里云上买了一个域名:oceanwang.top,后面我会用来解析和绑定。这边先尝试用浏览器去访问一下,验证一下确实是还没有被使用过。结果如下图所示: 浏览…

使用Hexo搭建个人博客网站-07-解析www域名

零、序 前面我们在完成域名解析和绑定之后,已经够可以成功访问域名了,但是却发现如果在域名前面加上 www 之后,竟然不能访问了,以我自己的域名为例:oceanwang.top 是可以正常访问的,但是 www.oceanwang.to…

使用Hexo搭建个人博客网站-05-个人网站更换Hexo主题

零、序 我们既然已经搭建好了我们的个人网站,接下来就该做写有意思点的事情了,比如:给我们的个人网站换个主题! 最开始 hexo init 的时候,默认下载安装的主题是 landscape,如下图所示: 我们也…

打破思维断层之KMP分析 - wsc - ITeye技术网站

打破思维断层之KMP分析 - wsc - ITeye技术网站打破思维断层之KMP分析 博客分类:算法分析kmp算法思维断层 KMP目的:本博客以KMP算法为载体,试图在减少思维断层情况下学习作者算法思想。目录:1)开脑之字符匹配思路2&…

新功能!从 Dropbox 部署到 Windows Azure 网站

目前,有许多选项可用于将源代码发布到 Windows Azure 网站。例如,您可以从 Visual Studio 或 Web Matrix 等开发工具进行发布,从计算机上的本地 Git 存储库发布代码,甚至可以从 TeamFoundation Service、GitHub、CodePlex 或 Bitb…

hexo+NexT(v7.72+)超全二十一大主题美化,打造“超炫”网站(一)

前言: 安装好一个基本的next主题框架显然是有点简陋,许多普通网站的功能基本没有,需要我们自己添加 且NexT(v7.72)最新版本的主题和之前在结构上有一些不同,但是网上大部分教程还是停留在v6.0版本中,导致我在配置博客功…

hexo+NexT(v7.72+)超全二十一大主题美化,打造“超炫”网站(二)

先分享一点小经验 修改了模板,但是没有生效? 修改了模板以后不生效,建议先hexo clean,然后再hexo generate。只执行hexo generate,可能模板后者静态文件不会被替换。 知道晚了,以为设置错误,两…

hexo+NexT(v7.72+)超全二十一大主题美化,打造“超炫”网站(四)

(14)Hexo博客NexT主题美化之自定义文章底部版权声明 参考文章 效果如下 1.在目录themes/next/layout/_macro/下添加my-copyright.swig &#xff0c;内容如下&#xff1a; {% if page.copyright %} <div class"my_post_copyright"> <script src"//c…

ICP和公安网备案以及网站底部添加相应备案号

网站备案 网站建立成功后要分别进行公信网备案和公安备案然后部署在网站底部 公信网备案 用阿里云&#xff0c;买一个服务器进行个人信息填写 等待一段时间&#xff08;一周到三周不等&#xff09;的审核后通过 公安网备案 比较公信网&#xff0c;这个就要快很多 1.打开全…

提高网站打开速度的7大秘籍

2019独角兽企业重金招聘Python工程师标准>>> 很多站长使用虚拟主机来做网站&#xff0c;网页内容一旦很多&#xff0c;网站打开速度就会特别慢&#xff0c;如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做&#xff0c;不妨通过网页代码优化的方式来提高速度…

优化杭州某著名电子商务网站高并发千万级大型数据库经验之- 读写分离

为什么80%的码农都做不了架构师&#xff1f;>>> 好久没写博客了&#xff0c;一方面是日常工作繁忙&#xff0c;另外一方面是想更多的时间陪陪家里人&#xff0c;享受春天的美好时光&#xff0c;还在写一本《程序员&#xff0c;你伤不起》的一本书要由人民邮电出版社…

大型网站技术架构(八)网站的安全架构

2019独角兽企业重金招聘Python工程师标准>>> 从互联网诞生起&#xff0c;安全威胁就一直伴随着网站的发展&#xff0c;各种Web攻击和信息泄露也从未停止。常见的攻击手段有XSS攻击、SQL注入、CSRF、Session劫持等。 1、XSS攻击 XSS攻击即跨站点脚本攻击&#xff08;…

微软发布IIS漏洞补丁,影响我国五分之一网站

2015年4月14日&#xff0c;微软发布月度例行安全公告&#xff0c;共释放出11项更新&#xff0c;一举修复包括Windows操作系统、IE浏览器、Office办公软件、.NET Framework、Server软件、Office Services和Web Apps在内的26个安全漏洞。在这11项更新中&#xff0c;有4项更新综合…

Scrapy框架学习笔记(2)——小说网站简单信息的爬取

本项目参考书上的例子自己找了一个小说网站&#xff08;以笔趣阁为例&#xff09;对各种热门书目信息爬取&#xff0c;用于练手&#xff0c;希望能够对和我一样的初学者有帮助。 友情链接 本文参考书目作者博客链接&#xff1a;https://cloud.tencent.com/developer/article/…

使用 varnish + nginx + lua 搭建网站的降级系统

通常一个网站数据库挂掉后&#xff0c;后果将是非常严重的。基本上整个网站基本不可用了。对于一些网站来说&#xff0c;当数据库挂掉后&#xff0c;如果能提供基本的浏览服务&#xff0c;也是不错的。本文将尝试使用 varnish nginx lua 搭建网站降级系统来实现整个目标。 降…

大型网站的核心构架要素

当今的互联网时代&#xff0c;技术日新月异。如何打造一个高可用、高性能、易扩展、可伸缩且安全的网站?如何让网站随应用所需灵活变动? 相较于传统企业应用系统&#xff0c;大型互联网网站应用系统的部署架构至少需要具备五大核心要素&#xff1a;高性能、高可用、伸缩性、扩…

购书网站前端实现(HTML+CSS+JavaScript)

目录 购书阅读静态网页设计与实现 一、主页设计HTML 1、效果展示及实现 2、完整代码 二、主页样式布局CSS 三、空间功能实现Javascript 主要功能 Javascript完整代码&#xff1a; 总结 购书阅读静态网页设计与实现 ① 网盘下载&#xff1a;关注我的博客最后的微信公众…

口罩预约管理系统——系统网站实现(前端+PHP+MySQL)

口罩预约管理系统网站实现 一、前言 二、系统登陆逻辑及界面实现 三、用户模块 1、用户预约系统界面 2、用户查看我的订单界面 3、用户修改预约信息 四、管理员模块 1、管理员登陆界面 2、查看用户预约订单 3、修改/删除用户信息 五、快递员模块 1、快递员登录配送系…

云服务器 ECS 建站教程:GitLab的安装及使用

GitLab的安装及使用前言 GitLab是利用 Ruby on Rails 一个开源的版本管理系统&#xff0c;实现一个自托管的Git项目仓库&#xff0c;可通过Web界面进行访问公开的或者私人项目。 它拥有与Github类似的功能&#xff0c;能够浏览源代码&#xff0c;管理缺陷和注释。可以管理团队对…

使用python requests库,使用bs4解析网页内容提取url,使用广度优先算法,爬取一个网站的所有网页

实现一个类&#xff0c;抓取一个网站所有页面 实现思路&#xff1a;一边添加url&#xff0c;一边抓取&#xff0c;一直进行下去就可以了&#xff0c;直到列表遍历完成&#xff0c;说明没有新的url可供抓取&#xff0c;即抓取完成。 实际上是图的广度优先遍历。 import urllib.…