GitHub搭建免费博客

一、GitHub仓库准备

​ 搭建博客需要准备两个仓库。一个存放博客图床的仓库,另一个存放博客网站的仓库。

1.1、图床创建
  • 新建仓库

    第一步:

在这里插入图片描述

​ 第二步:

在这里插入图片描述

  • 生成Token令牌

    点击右上角头像->Settings->下拉,直到左侧到底,选择Developer settings(开发人员设置)->Personal Access tokens(个人访问令牌) -> Tkens(classic) -> Generate New Token(classic, 一定要选择 classic 方式)-> 配置相关信息 -> Generate token

    第一步:
    在这里插入图片描述

​ 第二步:

在这里插入图片描述

​ 第三步:

在这里插入图片描述

  • 创建图片文件夹

    第一步:

    在这里插入图片描述

    第二步:

    在这里插入图片描述

  • 设置Typora实现自动上传

    Mac系统:Typora–>设置–>图像

    在这里插入图片描述

1.2、博客网站

​ 第一步:新建GitHub仓库

在这里插入图片描述

​ 第二步:设置仓库

  • 注意!:仓库名称必须是xxx.github.io,否则不能成功创建网站。

在这里插入图片描述

二、图床使用

2.1、下载PicGo软件上传图片

官网下载

2.2、配置PicGo

选择图床设置–>GitHub–>编辑按钮

仓库名:GitHub用户名/GitHub仓库地址
分支名:GitHub的分支名称
Token:GitHub中设定的AccessToken
自定义域名:https://fastly.jsdelivr.net/gh/用户名/仓库名

在这里插入图片描述

在这里插入图片描述

2.3、使用PicGo

选择上传区–>切换图片上传为GitHub–>拖拽图片上传

在这里插入图片描述

三、Hexo安装

3.1、安装Node.js

第一步:下载Node软件安装

​ 前往Node.js下载LTS稳定版,下载完成后双击下载文件,按步骤默认安装即可。

第二步:验证

npm -v

第三步:配置淘宝镜像源

npm config set registry https://registry.npm.taobao.org

验证是否设置成功

npm config get registry

3.2、安装Hexo

npm install hexo-cli -g

3.3、使用Hexo创建个人博客项目

初始化博客项目:hexo init 项目名

hexo init Blog

进入博客项目目录

cd Blog

安装依赖

npm install

新建文章:hexo new 文章名

hexo new first

在这里插入图片描述

启动本地服务

hexo s

在这里插入图片描述

3.4、自定义Hexo主题

​ 可以在 https://hexo.io/themes/index.html进行主题的挑选。将下好的主题放在themes文件夹内,同时在_config.yml中进行主题修改。一下以Aurora主题的配置为例.

在这里插入图片描述

第一步:前往主题的GitHub仓库,选择Release版本下载主题

在这里插入图片描述

第二步:将下载下来的主题包放在themes文件夹内

在这里插入图片描述

第三步:复制themes–>aurora->_config.yml到Blog目录下,命名为_config.aurora.yml

在这里插入图片描述

第四步:修改Blog目录下_confg.yml文件

在这里插入图片描述

安装插件

npm install hexo-theme-aurora hexo-plugin-aurora --save

主题包安装依赖

cd themes/aurora
npm install

根据Aurora主题配置文档https://aurora.tridiamond.tech/en/guide/getting-started.html,完成其他配置。

第五步:生成网页

hexo g

第六步:部署

hexo d

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

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

使用IDA自带python patch的一道例题

首先看见就是迷宫 迷宫解出的路径,放在zip的文件可以得到一个硬编码 然后在原程序中,有一处很离谱 这个debugbreak就是IDA分析错误导致的 我们点进去发现里面全是nop 然后我们把我们得到的硬编码放在010里面,再用IDA打开 重新编译看汇编 你…

ACC-UNet: A Completely Convolutional UNet Model for the 2020s

文章目录 ACC-UNet: A Completely Convolutional UNet Model for the 2020s摘要方法实验结果 ACC-UNet: A Completely Convolutional UNet Model for the 2020s 摘要 这十年以来,计算机视觉领域引入了 Vision Transformer,标志着广泛的计算机视觉发生了…

QT学习之合成图片

1.给bmp图片添加文字 // 2.合成前后图片 QImage imageF("bkF.bmp"); // 加载图片 QPainter painter(&imageF); painter.setFont(QFont("Arial", 5)); // 设置文字的字体和大小 // 设置姓名 QPoint posName(95, 68); painter.drawText(posName, rea…

2010-2022年ESA_ CCI-LC数据集下载

扫描文末二维码,关注微信公众号:ThsPool 后台回复 g009,领取 2010-2022年300m分辨率 ESA_ CCI-LC 数据集 哥白尼气候数据集:土地利用和土地覆盖研究的宝贵资源 🌍🔍 土地利用和土地覆盖变化是全球变化研究…

武汉星起航引领跨境新浪潮,一站式解决方案助力卖家驰骋亚马逊

在全球化浪潮下,跨境电商已成为外贸发展的新引擎,为无数创业者提供了全新的商业机遇。而在这场跨境电商的浪潮中,武汉星起航电子商务有限公司以其专业的一站式解决方案,成为众多创业者和卖家的得力助手,引领着他们成功…

GT2512-STBA 三菱触摸屏12.1寸型

T2512-STBA参数说明:12.1"、SVGA 800*600、65536色、TFT彩色液晶显示屏、AC电源、32MB内存 三菱触摸屏GT2512-STBA性能规格详细说明: [显示部] 显示软元件:TFT彩色液晶显示屏 画面尺寸:12.1寸 分辨率:SVGA 80…

通用人工智能AGI,究竟是一个哲学问题还是技术问题?

引言 在探索人工智能的未来方向中,人工通用智能(AGI)的概念逐渐成为科技领域和哲学探讨的焦点。AGI旨在创建可以执行任何智能任务的机器,甚至在某些方面超越人类的能力。然而,关于AGI的研究不仅仅是技术问题&#xff…

idea上如何新建git分支

当前项目在dev分支,如果想在新分支上开发代码,如何新建一个分支呢?5秒搞定~ 1、工具类选择git,点击New Branch 或者右下角点击git分支,再点击New Branch 2、在弹出的Create New Branch弹窗中,输入你的新分支…

Spring Cloud Alibaba 网关 Gateway 集成(7)

项目的源码地址 Spring Cloud Alibaba 工程搭建(1) Spring Cloud Alibaba 工程搭建连接数据库(2) Spring Cloud Alibaba 集成 nacos 以及整合 Ribbon 与 Feign 实现负载调用(3) Spring Cloud Alibaba Ribbo…

【vue+echarts】绘制中国地图,3D地图,省、市、县三级下钻以及回钻,南海诸岛小窗化显示,点位飞线图,点位名称弹窗轮播展示,及一些常见问题

先看效果展示图 目录 准备工作一, 绘制3D地图1,调用官网地址接口获取2,去官网下载中国地图的json数据到本地,本地引入 二, 南海诸岛小窗化显示1, 手动过滤掉,只保留小窗化的南海诸岛2, 代码层面过滤掉,只保留小窗化的南海诸岛 三, 省、市、县三级地图下钻及回钻1, 下钻2, 回钻…

使用 Express 框架构建的 Node.js web 应用程序

使用 Express 框架构建的 Node.js web 应用程序 ├── config │ └── config.js ├── middlewares │ └── errorHandler.js ├── routes │ ├── index.js │ ├── postRoutes.js │ └── userRoutes.js ├── .env ├── .gitignore ├── app.js ├…

格雷希尔GripSeal:E10系列低压信号电测试连接器,应用于新能源汽车的DCR测试和EOL测试

新能源车的电驱动、电池包等都有一些信号接口,从几针到几十针不等,而且每种接口都有独特的电性能要求,这些接口在电池包进DCR测试或是EOL测试时,为了满足这些信号接口的需求,我们设计了E10系列信号针快速接头&#xff…

vue3实战Easy云盘(一):创建项目+登录注册页面+构建框架页+上传头像/修改密码/退出登录

一、创建项目 1.创建项目 2.安装各种依赖 npm install highlightjs/vue-plugin moefe/vue-aplayer aplayer axios docx-preview dplayer element-plus highlight.js js-md5 sass sass-loader spark-md5 vue-clipboard3 vue-cookies vue-pdf-embed vue-router …

redis深入理解之数据存储

1、redis为什么快 1)Redis是单线程执行,在执行时顺序执行 redis单线程主要是指Redis的网络IO和键值对读写是由一个线程来完成的,Redis在处理客户端的请求时包括获取(socket 读)、解析、执行、内容返回 (socket 写)等都由一个顺序串行的主线…

C++ C# 贝塞尔曲线

二阶贝塞尔曲线公式 三阶贝塞尔曲线公式 C 三维坐标点 二阶到N阶源码 //二阶公式: FVector BezierUtils::CalculateBezierPoint(float t, FVector startPoint, FVector controlPoint, FVector endPoint) {float t1 (1 - t) * (1 - t);float t2 2 * t * (1 - t);…

docker 容器无法直接读取宿主机文件

最近一个需求, 要在后端直接使用代码直接生成 pdf 文档, 由于使用的 apache 的工具包, 该工具包无法直接解析中文字体, 需要导入外部 中文插件包, 相关代码如下: PDPage page new PDPage(PDRectangle.A4);document.addPage(page);PDFont fontFile PDType0Font.load(document…

输出电流保护/限制方案分享

需求 对电源输出进行 过/限 流保护。 方案1 采样电流输出模拟电压 -> 电压比较器 -> 控制MOS 打开/关闭; 这个方案的问题是: 当过流MOS关断之后,电流采样的电压是0,会快速使使MOS重新打开,电路现象是好像没关…

大文件传输的好帮手Libarchive:功能强大的开源归档文件处理库

在数字化时代,文件的存储和传输对于企业的日常运作至关重要。但是,服务器中的压缩文件往往无法直接查看或预览,这给用户带来了不便。为了解决这一问题,在线解压功能的开发变得尤为重要。接下来,小编将介绍一个能够实现…

C/C++关键字:extern

文章目录 一、extern:声明外部变量或外部函数1.extern的作用2.代码举例①例1②例2③例3 一、extern:声明外部变量或外部函数 1.extern的作用 extern的作用:声明外部的全局变量或外部的函数,以实现跨文件使用其他.c/.h文件的全局…

Hive的文件存储格式

TEXTFILE 文本文件,默认的文件存储格式,内容是可以直接查看,用来保存非结构化数据; 特点:文本文件的格式一旦定义就无法改变. 除TEXTFILE外,其他文件存储格式的表不能直接从本地文件导入数据,数据要先导入到textfile格式的表中, 然后再从表中用insert导入SequenceFile,RCFile,…