基于GitHub page和Hexo主题搭建个人博客(win)

1.安装git

git官网下载地址:Git - Downloads (git-scm.com)

(1)下载:进入官网,选择对应版本下载,得到.exe文件

 (2)安装:打开.exe文件,进行如下操作

(3)安装好后,右击鼠标,点击显示更多,可以发现多出两个图标:

第一个是指git的图形化界面,第二个则是类似于我们cmd的操作台

2.安装node.js

node.js官网下载地址:Node.js — Download Node.js® (nodejs.org)

(1) 下载:进入官网,选择对应版本下载,得到. msi文件

(2) 安装:打开下载所得到的.msi文件,再按如下操作进行

3.安装检测

按下win+R,输入cmd打开控制台:

输入如下三行代码:

git --version
node -v
npm -v

如果出现如下图状态,则说明安装成功:

4.hexo的安装

(1)首先,创建一个文件夹(例如:我这里命名为MyBlog)

(2)其次,打开文件夹,右键,点击显示更多,打开git的操作台

(3)输入如下代码(注意:再 git bash 当中使用粘贴是鼠标按下中键)

npm install hexo-cli -g

 (4)输入如下代码:

hexo -v

如下图所示则说明安装成功,如果未安装成功则重新执行第一步,直到安装成功:

(5)输入如下代码:

hexo init

出现如下图情况则说明安装成功:

有关安装Hexo的部分说明:

(6) 本地预览

输入如下两行代码:

hexo generate
hexo server

用浏览器,进入 http://localhost:4000/,则可实现本地预览

5.GitHub的部署

(1)拥有一个GitHub

GitHub网址:GitHub: Let’s build from here · GitHub

(2)建立一个仓库:

 进行如下操作:点击“+”然后点击New repository进行建立仓库

 在Repository name处写如名称,格式为用户名.github.io

下方的Add a README file可选可不选

然后点击Create repository

(3)配置SSH密钥:

 回到我们博客的文件当中打开git操作界面,输入如下代码:

ssh-keygen -t rsa -C "此处输入你的邮箱地址"

复制公钥到剪切板上,使用如下代码:

clip < ~/.ssh/id_rsa.pub

(4)在GitHub中添加公钥

1.进入GitHub,点击头像:

2.再点击Settings

3.点击 SSH and GPG keys,再点击New SSH key

4.根据下图步骤,进行操作:

5.部署检测:

回到博客的文件夹,在文件夹中打开git的操作台输入下方代码:

ssh -T git@github.com

显示如下图所示则成功,否则回到第一步重新操作。

ssh -T git@github.com

6.配置git的信息:

注:Git 会根据用户的名字和邮箱来记录提交,GitHub 也是用这些信息来做权限的处理,输入以下命令进行个人信息的设置

在博客的文件夹中打开git的操作台输入下方代码:

git config --global user.name "此处填你的用户名"
git config --global user.email "此处填你的邮箱"

6.写在最后:

(1)本篇描述了基于GitHub page和Hexo主题搭建个人博客基于GitHub page和Hexo主题搭建个人博客的基础方式,预计在下一篇当中将讲述Hexo的个性化方面的用法以及更新与发布

(2)仅以此篇作为个人学习与分享,欢迎各位大佬点评。                                                         

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

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

相关文章

Vue element ui分页组件示例

https://andi.cn/page/621615.html

从单个视频中重建3D场景——开启虚拟现实与数字孪生的新探索

在当今的科技前沿,人工智能与计算机视觉技术正在以前所未有的速度推动着虚拟现实(VR)、增强现实(AR)以及数字孪生(Digital Twin)领域的发展。其中,一项引人注目的研究方向是从单个视频中重建3D场景,这项技术不仅能够捕捉到场景的完整3D动态,还能处理复杂的遮挡问题,…

docker前端部署

挂载&#xff0c;把自己的目录位置&#xff0c;挂载到容器内的HTML

阿里服务器购买与java环境搭建 实践

【云服务器搭建与环境配置】 工作几年了&#xff0c;最近又买了个云服务器搭着玩一玩&#xff0c;在这里记录下搭建云服务器的过程&#xff0c;以及各种基础环境配置&#xff0c;可供初学者学习搭建云服务器的过程。 云服务器购买 这里作者搭建阿里云服务器&#xff0c;搭建…

Servlet1-Servlet程序、请求处理、继承体系

目录 什么是Servlet 手动实现Servlet程序 ​编辑url地址如何定位到Servlet程序去访问 Servlet的生命周期 ​编辑GET和POST请求的分发处理 通过继承HttpServlet类实现Servlet程序 IDEA菜单生成Servlet程序 Servlet类的继承体系 ServletConfig类 ServletContext类 什么…

【彩虹商城】虚拟发卡系统

运行环境&#xff1a; Nginx 1.22.1 Mysql5.7 PHP7.4 直接访问域名即可安装 [呵呵] 彩虹二次开发 拥有供货商系统 多余模板删除 保留一套商城,两套发卡 源码无后门隐患 已知存在的BUG修复 目前适用于卡密类型业务销售。 后续将会慢慢编写数卡权益类的对接&#xf…

神经网络的参数初始化【PyTorch】

文章目录 1、常见初始化方法2、代码2.1、导包&#xff1a;2.2、均匀分布随机初始化2.3、固定初始化2.4、全0初始化2.5、全1初始化2.6、正态分布随机初始化2.7、kaiming 初始化2.8、xavier 初始化2.9、完整代码 3、小节 &#x1f343;作者介绍&#xff1a;双非本科大三网络工程专…

科技云报道:算网筑基AI注智,中国联通如何讲出AI时代的“新故事”?

科技云报道原创。 AI从未停止进化&#xff0c;也从未停止给人类带来惊喜。 从ChatGPT代表的文生文、Dall-E代表的文生图&#xff0c;到Sora代表的文生视频&#xff0c;Suno为代表的文生音乐&#xff0c;生成式AI的“暴力美学”持续突破内容生产的天花板&#xff0c;大模型技术…

Pytorch基础:Tensor的view方法(非连续张量也可以使用view)

相关阅读 Pytorch基础https://blog.csdn.net/weixin_45791458/category_12457644.html?spm1001.2014.3001.5482 在Pytorch中&#xff0c;view是Tensor的一个重要方法&#xff0c;用于返回一个改变了形状&#xff0c;但数据和数据的顺序与原来一致的新张量&#xff0c;但是新张…

VSCode 解决 pylint 报错 No name QWidget in module PyQt5.QtWidgets

问题 启用了 VSCode 的 Pylint 插件, 即便 Python 环境中安装了 PyQt5, 也无法正确解析 PyQt5 的导入 PyQt5 底层代码是用 C/C 写的, pylint 默认不会深入解析 pylint doesn’t load any C extensions by default, because those can run arbitrary code. 解决 修改 Settings…

Spark实时(六):Output Sinks案例演示

文章目录 Output Sinks案例演示 一、​​​​​​​File sink 二、​​​​​​​​​​​​​​Memory Sink 三、​​​​​​​​​​​​​​Foreach Sink 1、​​​​​​​foreachBatch 2、​​​​​​​​​​​​​​foreach Output Sinks案例演示 当我们对流式…

kotlin协程-- 基础概念 ①|创建和使用

引言 首先先说一些相关概念 1.并发与并行 在操作系统中我们曾经学到过并发与并行 并发: 是同一个时刻只有一条指令在执行,其他指令没有再执行,但是由于CPU的时间片特别短,导致多个指令来回切换的时间间隔特别短,就好像是同一时间多条指令在执行。单核CPU与多核CPU都可以进…

【python】Python常见的面试题解析:深入探索与实践,助你少走弯路

✨✨ 欢迎大家来到景天科技苑✨✨ &#x1f388;&#x1f388; 养成好习惯&#xff0c;先赞后看哦~&#x1f388;&#x1f388; &#x1f3c6; 作者简介&#xff1a;景天科技苑 &#x1f3c6;《头衔》&#xff1a;大厂架构师&#xff0c;华为云开发者社区专家博主&#xff0c;…

若依ruoyi+AI项目二次开发(智能售货机运营管理系统)

(一) 帝可得 - 产品原型 - 腾讯 CoDesign (qq.com)

一些电脑的操作技巧,你知道吗?

我整理了几个电脑使用的实用技巧&#xff0c;能够帮你提升办公效率&#xff0c;一起来看看吧&#xff01; 技巧一&#xff1a;反方向移动单元格 一般来讲&#xff0c;我们按下【Tab】键、【Enter】键的时候&#xff0c;会切换到右边或者下边的单元格&#xff0c;想要反向移动…

第2章 编译SDK

安装编译依赖 sudo apt-get update sudo apt-get install clang-format astyle libncurses5-dev build-essential python-configparser sconssudo apt-get install repo git ssh make gcc libssl-dev liblz4-tool \ expect g patchelf chrpath gawk texinfo chrpath diffstat …

董宇辉离职,我一点都不意外!只不过感觉来的太快

下面这张图&#xff0c;是我在半年多前写的一段随笔&#xff0c;没想到来的这么快&#xff01; 碰巧的是今天中午&#xff0c;在开发者群里有两位老铁自曝&#xff0c;本以为能公司干到老&#xff0c;但公司却不给机会&#xff0c;已经不在是公司员工了。 最近&#xff0c;晓衡…

粗解React 和 Vue 的异同

相同点&#xff1a; 1、都使用虚拟 DOM【Virtural DOM】 Vue与React都使用了 Virtual DOM Diff算法&#xff0c; 不管是Vue的Template模板options api 写法&#xff0c; 还是React的Class或者Function写法,最后都是生成render函数&#xff0c;而render函数执行返回VNode(虚拟…

iOS collectionView 滑动出现空白

iOS collectionView 滑动出现空白 一个很常见的 banner 轮播&#xff0c;滑动的时候&#xff0c;有时候会出现空白&#xff0c;检查了下&#xff0c;发现代码没什么问题&#xff0c;上网查了也没啥结果&#xff0c;最后的解决方法是自定义layout解决 interface TMLoopViewLayo…

创新概念:柯尔莫哥洛夫-阿诺德网络

文章目录 一、说明二、基础概念三、kolmogorov-Arnold 网络性质3.1 KAN 的潜在优势3.2 挑战和注意事项 四、基本 KAN 超参数五、COLAB 代码六、注意点 一、说明 kolmogorov-Arnold 网络 (KAN) 是深度学习领域的一项“创新”&#xff0c;它提供了一种受现有 Kolmogorov-Arnold …