在Windows10上使用GitHub和Hexo搭建自己的博客网站

news/2024/5/9 7:21:25/文章来源:https://blog.csdn.net/weixin_39549161/article/details/106455031

在Windows10上使用GitHub和Hexo搭建自己的博客网站

  • 前言
  • 准备工作
    • Node.js下载及安装
    • git下载及安装
    • Hexo下载及安装
  • 博客搭建
    • 创建GitHub项目
    • 配置SSH Key
    • 配置Hexo博客
  • 将hexo博客上传至GitHub访问

前言

搭建网站一般需要购买域名和云服务器空间,但对搭建博客网站来说,没有高并发的访问量需求,直接用GitHub提供的博客网站搭建方案绰绰有余,同时加上已有的hexo模板方案便可搭建属于我们自己的博客技术网站。

准备工作

Node.js下载及安装

1.搜索Node.js官网下载最新的Current的14.3.0版本(下载可能会很慢,可以去中文node.js网站下载,这个比较快)。
在这里插入图片描述
2.默认安装完成后,打开cmd命令行,测试node.js是否安装成功,如下图所示。其中下面的npm(node package manager)是node.js的工具管理包,安装node.js时会默认安装。

在这里插入图片描述

git下载及安装

  • git官网下载2.26.2最新版本,安装成功后打开cmd命令行,如下图测试git是否安装成功。

在这里插入图片描述

Hexo下载及安装

1.首先在E盘创建一个Blog文件夹,用于存放你的博客网站源码及模板,进入创建的文件夹,下载并安装hexo如下图所示。

在这里插入图片描述
2.测试hexo是否安装成功。

在这里插入图片描述

博客搭建

创建GitHub项目

  • 自己注册GitHub账户,创建一个新仓库,注意仓库名称必须为你的仓库名.github.io,如下图所示,因为我已经注册过了所以他会告诉你仓库名已经存在。
  • 我注册的仓库名称为WandererYang.github.io,那么我的项目已经部署到网络上了,通过访问https://wandereryang.github.io/就可以访问你部署的仓库网站了。

在这里插入图片描述

配置SSH Key

  • Secure Shell (SSH) 是一个允许两台电脑之间通过安全的连接进行数据交换的网络协议。通过加密保证了数据的保密性和完整性。所以本地Git仓库与服务器端GitHub仓库之间的传输是通过SSH加密的,需要将本地生成的SSh key密匙加载到GitHub上。
  • 如果你以前生成过SSH key,点击桌面上Git Bash图标,打开Git命令行,通过下面命令
    查看,如果存在id_rsa、id_rsa.pub和known_hosts,说明以前生成过SSH密匙。
    在这里插入图片描述
  • 如果以前没生成过SSH key,则打开Git Bash执行以下命令行,连续执行三个回车,最终会在你的用户目录下生成.ssh文件夹。
ssh-keygen -t rsa -C “你的邮箱”

在这里插入图片描述

  • 记事本打开id_rsa.pub文件并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:
    在这里插入图片描述
  • 保存之后,进行测试,看到Successfully,说明SSH Key已经配置成功。

在这里插入图片描述

-第一次使用Git需要设置Git的用户名和邮箱:

git config --global user.name "yangyukuan"// 你的github用户名,非昵称
git config --global user.email  "xxx@qq.com"// 填写你的github注册邮箱

配置Hexo博客

  • 前面已经安装好hexo,打开cmd并进入之前创建的Blog文件夹,初始化Hexo。
    在这里插入图片描述

  • 输入npm install,安装其他组件。
    在这里插入图片描述

  • hexo g # 编译生成html

  • hexo s (开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,如果4000端口被占用,则使用命令hexo server -p 端口号来换其他端口访问)

将hexo博客上传至GitHub访问

  • 用hexo新建一篇博客,在cmd命令行中执行如下命令:
    在这里插入图片描述
  • 可以在_posts文件夹下看到生成了一个新的markdown文件:
    在这里插入图片描述
  • 找到_config.yml配置文件,修改以下信息:
    在这里插入图片描述
  • 在生成以及部署文章之前,需要安装一个扩展:npm install hexo-deployer-git --save
  • 使用命令:hexo clean -->hexo generate -->hexo deploy,生成以及部署。
    在这里插入图片描述
  • 这样就可以访问你的博客网站了。
    在这里插入图片描述

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

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

相关文章

c库函数查询的网站

1.网址:http://www.cprogramming.com/function.html 2.网址:http://en.cppreference.com/w/

Asp.Net网站发布到IIS后部分页面乱码

虽然页面上我们可以指定编码格式来确定页面展示,但有些时候我们从后台传值到页面的时候,特别是ViewBag方式时,可能会出现乱码情况! 网络上有一些是采用Html.Raw(ViewBag.Demo)这样的方式进行的,这个本身针对特殊字符H…

对SEO来说,链接的重要性超乎想象

原文地址:For SEO, links are even more important than you think 作者:Katherine Noyes 翻译:赖信涛 责编:仲培艺 如今,很少有业务不注重搜索引擎优化,再小的业务也会针对性地做一些有利于搜索引擎排名的…

分享九款构建响应式网站的最佳PHP框架

原文:9 Best PHP Frameworks to Build Awesome Responsive Websites 作者:Andrey Prikaznov 翻译:王嘉怡 责编:仲培艺 目前,网上有大量的框架供大家选择,本文作者分享了9款各方面都兼具优势的PHP框架&#…

隧道代理如何测试访问网站的响应时间?

当我们要购买了HTTP代理,千挑万选以后决定从中挑选几家来测试,今天我们就来说说,如何测试HTTP代理访问网站的响应时间,有的厂商宣称相应时间只要10ms: 实际上手卡到妈都不认识(不针对截图这家厂商&#xff…

DESTOON CMS 网站搬家后出现首页及后台全部空白怎么办

原创文章来自 https://www.ympfb.com/show-27-46-1.html 简介: destoon cms 还是可以的,还不错, 最近弄了个这个,给公司弄的 网址是 www.jiancai618.com 这是我给企业弄的 大家可以参考一下 ,然后我们服务器放…

源兆网 下半部 网站搭建【phpcms】使用cms搭建网站,企业站

原创文章转自:https://www.ympfb.com/show-28-22-1.html 上半部请点击这里 下半部 四 phpcms企业站搭建 接下来给大家 分享 phpcms 搭建网站的下半部 服务器环境搭建完成后,打开宝塔,软件商店------一键部署-----phpcms,一键部…

网站搭建【phpcms】使用cms搭建网站,企业站

原创文章转自:https://www.ympfb.com/show-28-19-1.html 上半部 网站搭建教程 流程分享 站长提供分享一整套 网站上线流程, 即使你是小白,只要按照,我提供的流程操作,也能将网站上线。 一 ,提前准备工作…

推荐一个外国的数据结构在线演示网站

网站地址 https://www.cs.usfca.edu/~galles/visualization/Algorithms.html 使用演示 打开网站如下: 以BTrees为例,点击BTrees 我们以输入1,2,3,4为例,输入1,点击insert,其他数字…

Chrome浏览器模拟手机访问网站的设置方法

Chrome浏览器模拟手机访问网站的设置方法 浏览:1003 | 更新:2014-06-04 10:25 | 标签: chrome 以前我们介绍过如何通过修改Chrome浏览器运行参数的方法来模拟手机访问网站,但是在Chrome 32和33版本以后增加了更加便捷的方法&…

整合Spingboot+Redis+Shiro,打造一个电商网站

一:导入数据 导入sql文件 二:创建项目 点击Create New Project新建项目 左边选中Spring Initializr,直接下一步 GroupId: 填写项目组的名字, ArtifactId: 填写项目的名字左边选中 Web,右边选中 Web 项目路径选择&a…

集成SSM,开发属于自己的博客网站

一:需求分析,创建数据库 导入sql文件 二:创建项目 create new Project 左边选中Maven勾选Create from archetype选中 org.apache.maven.archetypes:maven-archetype-webapp GroupId: 填写项目组的名字, ArtifactId: 填写项目的…

Spring Boot 开发--- helloworld web网站项目建立

1.新建一个项目&#xff0c;选中Spring Initializr 2.点击next&#xff0c;选中web开发&#xff0c;选中spring web starter 3.选择项目的路径&#xff0c;并选择在新的窗口打开 4.在pro.xml中的结构如下&#xff1a; <?xml version"1.0" encoding"UTF-8…

部署APS.NET网站(应用程序)

source: click here vs2008发布网站时&#xff0c; 第一个选项指定发布后是不是可以修改aspx文件&#xff0c;如果勾选&#xff0c;则发布后的网站行为基本与ASP.NET 1.1一致&#xff0c;只要没有增删修改控件&#xff0c;可以直接在服务器上修改aspx文件不用重新发布网站。 第…

ASP.NET网站发布

将ASP.NET网站发布到服务器之前需要先完成以下步骤&#xff1a; 1.网站制作&#xff1a;在VS环境下新建网站&#xff0c;根据自己的需要制作网页相关内容。在除C盘以外的盘下面建立文件夹存放即将发布的网站。 2.VS环境发布网站&#xff1a;VS中点击“生成” “发布网站”&a…

自行全栈开发企业网站管理系统

在工作之余&#xff0c;自行开发了一款轻量级企业管理系统网站&#xff0c;前台使用jquery bootstrap easyui 以及灵活嵌套一些开源显示框架&#xff0c;进行显示的美化等&#xff0c;后台使用到spring mvc &#xff08;mybatis hibernate等&#xff09;并连接轻量级数据库mysq…

C#.Net实现网站验证码功能

一、验证码简介 验证码功能一般是用于防止批量注册的&#xff0c;不少网站为了防止用户利用机器人自动注册、登录、灌水&#xff0c;都采用了验证码技术。所谓验证码&#xff0c;就是将一串随机产生的数字或字母或符号或文字&#xff0c;生成一幅图片&#xff0c; 图片里加上一…

使用ASP.NET从零开始制作设计网站之二

使用ASP .NET 从零开始制作设计网站之二 &#xff08;蒋惠全 楚东明&#xff09; ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ 第一个任务&#xff1a;申请域名 我和小问号从中原市国土资源管理局回…

使用ASP.NET从零开始制作设计网站之三

使用ASP .NET 从零开始制作设计网站之三 &#xff08;蒋惠全 楚东明&#xff09; ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ 第二个任务&#xff1a;购买网站空间 小问号一大早就赶到我的办公室。…

使用ASP.NET从零开始制作设计网站之四

使用ASP .NET 从零开始制作设计网站之四 &#xff08;蒋惠全 楚东明&#xff09; ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ 第三个任务&#xff1a;如何备案  一个小时后&#xff0c;小问号又来…