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://www.mzph.cn/diannao/10148.shtml

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

相关文章

ESP32 + ST7789 LCD

1、准备 ESP32 单片机开发板 ST7789 LCD 模块(240 * 320 像素) 杜邦线 2、接线 LCD功能ESP32VCC 供电电压正极 3.3V 、 5V GND 供电电压负极 GNDIDN / MOSI SPI 接口数据 引脚 23CLK 串行接口时钟信号 18CS 芯片选择引脚;低电平有效 5DC 显…

Mac安装Photoshop2024 For Macv25.7.0 ps2024中文激活版

资源介绍 支持:mac系统/M/INTEL芯 Adobe Photoshop for mac是由Adobe专业为mac系统开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑和创造工作。PS有很多功能,在图…

安卓串口通訊三

核心代碼如下: package com.example.comandroid;import static android.content.ContentValues.TAG;import android.graphics.Color; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.TextView;import…

如何在MAXScript中随机选择集合的百分比?

有时,你希望随机选择对象的子集来应用材质或效果。手动操作随机选择是一件麻烦的事,而且随机的效果也不理想,最好的方法是编写一个脚本来执行。以下是MAXScript随机选择函数的示例。 function getRandomFromCollection collection percentag…

以太网技术介绍

随着通信和计算机技术的不断发展,无论是骨干网还是接入网,以太网都已成为应用场景最多,应用范围最广泛的技术之一。对于初次应用以太网的读者,本文主要给出以太网技术的基础知识,并对以太网涉及的部分协议进行简要说明…

收音机套件焊接和装调的总结

很早之前买了一个小收音机,今天翻出来焊接上。 还好,质量挺好的,电路板没有氧化。 一。静态电流 pcb上面留有ABCD四个测电流的位置。方便调试。 焊接后,V1电流偏大,如果电流过大,会导致R2的压降过大&am…

datepicker 时间快捷键、禁用日期

一、封装方法 /*** 默认开始和结束时间* type {string[]}*/ import dayjs from dayjs export const defaultTime [00:00:00, 23:59:59] /*** 设置日期组件 快捷方式* type {({onClick(*): void, text: string}|{onClick(*): void, text: string}|{onClick(*): void, text: s…

JavaWeb后端基础知识(1)包括(SpringBoot,HTTP,Web 服务器,请求,响应,分层解耦)

JavaWeb后端基础知识(1) 包括(SpringBoot,HTTP,Web 服务器,请求,响应,分层解耦) 目录 JavaWeb后端基础知识(1) 一.SpringBoot 1.SpringBogtWe…

verilog基础语法之表达式

verilog基础语法之表达式 1、操作数2、操作符3、示例 在Verilog中,表达式是由操作数和操作符组成的组合,包括:算术操作符、关系操作符、等价操作符、逻辑操作符、按位操作符、归约操作符、移位操作符、拼接操作符和条件操作符,它们…

学习java第六十六天

Spring 中的 bean 的作用域有哪些? singleton : 唯一 bean 实例,Spring 中的 bean 默认都是单例的。 prototype : 每次请求都会创建一个新的 bean 实例。 request : 每一次HTTP请求都会产生一个新的bean,该bean仅在当前HTTP request内有效。 sessio…

GT2505HS-VTBD 三菱触摸屏手持式5.7寸型

GT2505HS-VTBD 三菱触摸屏手持式5.7寸型 GT2505HS-VTBD参数,GT2505HS-VTBD用户手册,GT2505HS-VTBD使用手册GT2505HS-VTBD参数说明:手持式5.7吋型,VGA 640*480,TFT彩色液晶屏,65536色,内存32MB,DC24V,内置以太网接口。 GT2505HS-VT…

agiletc部署

数据库创建及运行 启动命令 cd /AgileTC/case-server&& nohup mvn spring-boot:run &查看是否启动成功 http://192.168.101.:8094/case/caseList/1需要安装java javac等 一、安装java 1 安装java11 sudo yum install java-11-openjdk-devel -y2 切换到java11 …

【零基础】system generator①设置卡解析

1.在matlab中我们输入的是双精度浮点型数据,经过gateway后变成定点型。十六位十四个小数位,整个数据有十六位,其中十四位给了小数 2.fixed-point定点型;signed有符号;2’s comp补码 3.量化误差 truncate,舍…

同时安装多个nodejs版本可切换使用,或者用nvm管理、切换nodejs版本(两个详细方法)

目录 一.使用nvm的方法: 1.卸载nodejs 2.前往官网下载nvm 3.安装nvm 4.查看安装是否完成 5.配置路径和淘宝镜像 6.查看和安装各个版本的nodejs 7.nvm的常用命令 二.不使用nvm,安装多个版本: 1.安装不同版本的nodejs 2.解压到你想放…

Ubuntu 22.04 下,VS Code 配置 C++ 编译及 CMake

一、VS Code 安装以及 C 编译环境配置 1. 在 Ubuntu 中安装 VS Code 笔者直接在 Ubuntu Software 中心安装 VS Code。也可以从VS Code官网下载 deb,解压 dpkg -i 安装。 2. VS Code 中配置 g/gcc 1) 安装 C/C 扩展 (CtrlShiftX) 2&#x…

差速机器人模型LQR 控制仿真(c++ opencv显示)

1 差速机器人状态方程构建 1.1差速机器人运动学模型 1.2模型线性化 1.3模型离散化 2离散LQR迭代计算 注意1:P值的初值为Q。见链接中的: 注意2:Q, R参数调节 注意3:LQR一般只做横向控制,不做纵向控制。LQR输出的速度…

辅助阅读代码

辅助代码工具: 1、sourcetrail 2、valgrind , qcachegrind sourcetrail,可以生成类图,以及类之间,函数之间的调用关系 1、安装 2、使用该工具需要使用cmake 编译一次 cmake -DCMAKE_EXPORT_COMPILE_COMMANDSON 其他…

手机同步与数据安全:让手机和电脑完美结合!

在当今这个高度信息化的社会,手机和电脑不仅为我们提供了丰富的信息资源,让我们能够随时随地获取所需的信息,还为我们的生活带来了极大的便利。无论是工作、学习还是娱乐,手机和电脑都发挥着至关重要的作用。 然而,随…

XMLHttpRequest与Axios详解

XMLHttpRequest发送请求 在JavaScript中,使用XMLHttpRequest()发送多个参数通常涉及到设置HTTP请求的Content-Type头部,并且将参数作为请求体的一部分发送。以下是一个示例,展示了如何发送包含多个参数的POST请求: var xhr new X…

Paddle 实现DCGAN

传统GAN 传统的GAN可以看我的这篇文章:Paddle 基于ANN(全连接神经网络)的GAN(生成对抗网络)实现-CSDN博客 DCGAN DCGAN是适用于图像生成的GAN,它的特点是: 只采用卷积层和转置卷积层&#x…