【hexo系列】01.hexo环境搭建及github.io搭建

news2024/10/6 6:43:05

文章目录

    • 基础环境要求
    • 安装hexo
    • hexo初体验
      • 创建hexo工程
      • 初体验
      • 创建自己的第一篇笔记
    • 推送到github网站
      • 新建github.io
      • 推送到github
      • 推送到github(ssh方式 免密)
    • 参考资料

基础环境要求

检测Node.js是否安装成功,在命令行中输入 node -v
检测npm是否安装成功,在命令行中输入npm -v
因为我之前安装过

安装hexo

# 安装
npm install -g hexo-cli
# 安装之后验证
hexo --version

hexo初体验

我的笔记根目录是 E:\SynologyDrive

创建hexo工程

方法1:在根目录下操作

hexo init blog

就能看到生成了一个叫blog的文件夹

方法2:新建一个blog文件夹(自己更改为自己的名字)

进到blog文件夹下面,执行:

hexo init

这两个的效果是一样的,执行之后就会看到blog文件夹下面拉取了git上面的东西,具体如下:

初体验

source/_posts 文章文件夾

打开该文件夹,可以看到下面有一个叫hello-world.md的文档

启动hexo server:

hexo server

在浏览器访问这个网址:

就能看到上面的页面啦~

创建自己的第一篇笔记

执行:

# 新建一篇文章
hexo new "first"

可以在 source/_posts 文件夹下看到刚刚新建的文件

在笔记中添加一些内容,并查看

echo "first article" >> first.md
cat .\first.md

在博客根目录下执行:

# 生成静态网页
hexo generate

启动hexo server: (如果刚刚server一直在运行,这一步就不用操作了)

hexo server

在浏览器访问server网址:

可以看到自己刚刚新建的文章,第一篇笔记就弄好啦~

推送到github网站

新建github.io

推送到github

上面的操作是在自己的本地启动了hexo server,本质还是在本地浏览,我们可以选择把博客推送到github上。

npm install hexo-deployer-git --save

修改blog根目录里的_config.yml文件

打开该文件,修改前:

修改后:(增加deploy下面的内容)

其实就是给hexo deploy 这个命令做相应的配置,让hexo知道你要把blog部署在哪个位置,很显然,我们部署在我们GitHub的仓库里。

执行:

hexo clean
hexo deploy

hexo deploy需要输入用户名和密码,输了很多次都报错,后来查询资料了解到,密码那块可以输入github的token(重要)

token获取地方:


我用的是classic,还没有用过另外一个。

输入token之后,就能传上去了。如下:

传上来之后,github上面能看到这么多文件:

访问ningan123.github.io:
(如果刚开始访问没有东西,建议等一会,一会就有了)

成功推送到github~

推送到github(ssh方式 免密)

新加一行文档,以和上一次做区分

echo "hexo deploy git ssh" >> .\first.md

修改blog根目录里的_config.yml文件

执行:

hexo clean
hexo deploy

(因为我之前已经在github上面配置过ssh的key了,如果还没有配置,网上随便搜一下)

可以看到,这次推送就不用输入用户名和密码了~

github上也已经更新了~

参考资料

# GitHub Pages + Hexo搭建个人博客网站,史上最全教程

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

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

相关文章

机器学习中的数学原理——多重回归算法

这个专栏主要是用来分享一下我在机器学习中的学习笔记及一些感悟,也希望对你的学习有帮助哦!感兴趣的小伙伴欢迎私信或者评论区留言!这一篇就更新一下《白话机器学习中的数学——多重回归算法》! 目录 一、什么是多重回归 二、案…

物联网开发笔记(60)- 使用Micropython开发ESP32开发板之SPI接口控制Micro SD卡TF卡模块

一、目的 这一节我们学习如何使用我们的ESP32开发板来通过SPI接口控制Micro SD卡TF卡模块。 二、环境 ESP32 SPI接口控制Micro SD卡TF卡模块 Thonny IDE 几根杜邦线 接线方法: Soft SPI接线说明 # 接线说明: # MISO -> GPTO13 # MOSI -> GPIO12 # SCK …

[附源码]Python计算机毕业设计SSM基于的楼盘销售系统(程序+LW)

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

SpringCloud入门实战-Ribbon

SpringCloud入门实战-Ribbon使用 原创目录概述需求:设计思路实现思路分析1.Ribbon原理2.Ribbon负载均衡策略参考资料和推荐阅读Survive by day and develop by night. talk for import biz , show your perfect code,full busy,skip hardness,make a bet…

计算机软技术,如何画好一张架构图?

什么是架构图? 如何画好一张架构图,要做好这件事情首先要回答的就是什么是架构图。我们日常工作中经常能看到各种各样的架构图,而且经常会发现大家对架构图的理解各有侧重。深入追究到这个问题,可能一下子还很难有一个具象的定义…

动态路由协议RIP

数据来源 一、动态路由 基于某种协议实现 1)动态路由拓补图 2)动态路由特点 减少了管理任务占用了网络带宽 3)动态路由协议概述 路由器之间用来交换信息的语言 4)度量值 跳数、带宽、负载、时延、可靠性、成本 跳数&#xff1a…

JavaScript数据结构【数组---for...of循环迭代】

继for循环,和forEach方法迭代数组后,要想迭代数组的值还可以用for...of循环 使用: // for...of循环示例 let array [1, 2, 3] for (let key of array) {console.log(key); } /* 输出:123 */ 可以看到:使用for...of…

嵌入式介绍与应用

嵌入式介绍与应用1 概念桌面对比2 特点3 发展历史3.1 计算机发展3.2 嵌入式发展4 开发能力要求5 应用6 规模参考1 概念 嵌入式系统由硬件和软件组成。是能够独立进行运作的器件。其软件内容只包括软件运行环境及其操作系统。硬件内容包括信号处理器、存储器、通信模块等在内的…

构建过程:从源码到dist文件

问题 有没有好奇过,自己写的前端代码是怎么变成上线可用的代码的? 前言 目前实现从源码到可用的静态文件,我们都是借助打包工具实现的,目前用的比较多的是webpack、rollup、vite..., 那么以上问题也可以描述为“构建工具是如何…

ChatGPT教程之 03 ChatGPT 中构建 Python 解释器

这个故事的灵感来自于一个类似的故事,在 ChatGPT 中构建虚拟机。我印象深刻并决定尝试类似的东西,但这次不是 Linux 命令行工具,而是让 ChatGPT 成为我们的 Python 解释器。 这是初始化 ChatGPT 的初始命令: I want you to act as a Python interpreter. I will type com…

<<两万字通关Java IO流>>

✨✨hello,愿意点进来的小伙伴们,你们好呐! 🐻🐻系列专栏:【JavaEE】 🐲🐲本篇内容:详解Java IO流 🐯🐯作者简介:一名现大二的三非编程小白&#…

python----函数、文件、以及高级特性

文章目录前言一、函数的基本概念二、文件OS模块json模块高级特性生成式生成器闭包装饰器前言 一、函数的基本概念 **全局变量:**在函数外边定义的变量,全局生效 **局部变量:**在函数里边定义的变量,局部生效 如果要在函数中修改全…

【BL808】缘起:M1s开发板的第一个示例-LVGL

一、sipeed M1s介绍 1.1 M1s开发板介绍 1.1.1 开发板特性 板载两个USB口(一个用于USB-TTL,一个用于通过模拟U盘的方式烧录c906的固件)板载1.69 inch的触摸屏和摄像头接口板载MIC、LED和TF卡座板载一个BL702做成的集USB-TTL和JTAG的调试器。…

面试收集汇总

最近的工作情况,难度比较大的项目。 http servlet生命周期,在springmvc对原生servlet做了一个怎么样的包装来实现一个自己的mvc能力的? 1.加载和实例化。Servlet容器负责加载和实例化Servlet。当Servlet容器启动时,或者在容器检…

[附源码]JAVA毕业设计养老院老人日常生活管理系统(系统+LW)

[附源码]JAVA毕业设计养老院老人日常生活管理系统(系统LW) 项目运行 环境项配置: Jdk1.8 Tomcat8.5 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。…

尝试使用CubeMX做stm32开发之十五:FatFs的移植方法

一、数据类型 FatFs使用的数据类型在ff.h中定义,适用于绝大多数平台: BYTE 8-bit无符号整形数据,范围0~28-1 WORD 16-bit无符号整形数据,范围0~216-1 DWORD 32-bit无符号整形数据,范围0~232-1 QWORD 64-bit无符…

【C#基础学习】第十八章、接口

目录 接口 1.接口 1.1 声明接口 1.2 实现接口&调用接口 1.2.1 显式接口实现方式 1.2.2 显式接口实现&隐式接口实现的使用场景 1.3 as运算符 2.接口继承接口 接口 1.接口 接口的意义:C#的继承不支持一个子类拥有多个父类。而接口的存在就是为了弥补这…

C# 数组的声明与分配空间

一 数组的概述 数组是多个相同类型数据的组合;数组属引用类型; 1 一维数组声明 一维数组的声明方式: int[] a1;注意方括号写到变量名的签名; double [] b mydate[] c; C# 语言中声明的数组时不能指定其长度(数组中元素的个数)…

【RPA进阶】 一文了解使用Visual Studio扩展UiPath Activity Creator创建自定义Activity

🐋作者简介:博主是一位.Net开发者,同时也是RPA和低代码平台的践行者。 🐬个人主页:会敲键盘的肘子 🐰系列专栏:UiPath 🦀专栏简介:UiPath在传统的RPA(Robotic…

Dockerfile构建Springboot镜像

Dockerfile构建Springboot镜像 文章目录Dockerfile构建Springboot镜像简介实例演示前期准备Docker环境Springboot项目Dockerfile文件Windows要求构建镜像启动测试Linux要求构建镜像启动测试简介 容器技术大流行的时代,也是docker大流行的时代。 此文章以一个简单的实…