基于Hexo+GitHub Pages 的个人博客搭建

基于Hexo+GitHub Pages 的个人博客搭建

    • 步骤一：安装 Node.js 和 Git
    • 步骤二：创建Github Pages 仓库
    • 步骤二：安装 Hexo
    • 步骤三：创建 Hexo 项目
    • 步骤四：配置 Hexo
    • 步骤五：创建新文章
    • 步骤六：生成静态文件
    • 步骤七：本地预览
    • 步骤八：部署到 GitHub Pages
    • 步骤八：访问你的博客
    • 步骤九：写作和发布
    • 常用命令
    • 更换主题(扩展)

搭建基于 Hexo 和 GitHub Pages 的个人博客需要一些基本的步骤，下面是详细的步骤：

步骤一：安装 Node.js 和 Git

确保你的电脑上已经安装了 Node.js 和 Git。你可以从官方网站下载并安装它们：

下载：

  • Node.js: https://nodejs.org/
  • Git:https://git-scm.com/

安装：

  • Node.js安装部署
  • Git安装部署

步骤二：创建Github Pages 仓库

  • Github Pages 仓库创建

步骤二：安装 Hexo

Hexo官网：https://hexo.io/zh-cn/index.html

打开终端（或命令行窗口），运行以下命令来安装 Hexo：

npm install  hexo-cli -g

在这里插入图片描述

步骤三：创建 Hexo 项目

在你选择存储博客文件的目录中，执行以下命令来创建一个新的 Hexo 项目：

hexo init blog
cd blog
npm install

在这里插入图片描述

步骤四：配置 Hexo

首先安装 hexo-deployer-git：

npm install hexo-deployer-git --save

在这里插入图片描述

编辑 _config.yml 文件，配置你的博客信息、GitHub Pages 信息和其他相关设置。例如：

#_config.yml
title: 你的博客标题
subtitle: 你的博客副标题
description: 你的博客描述
author: 你的名字
language: en
timezone: Autodeploy:type: 'git'repo: https://github.com/<username>/<project>.git# example, https://github.com/hexojs/hexojs.git#（可复制HTTPS协议或者SSH协议）branch: main

或者直接从GitHub项目中复制HTTPS协议或者SSH协议
在这里插入图片描述

步骤五：创建新文章

使用以下命令创建新的博客文章：

hexo new "My First Post"

这将在 source/_posts 目录下创建一个 Markdown 文件，你可以在其中编写你的博客内容。
在这里插入图片描述

步骤六：生成静态文件

在博客根目录下执行以下命令生成静态文件：

hexo generate 
简写：hexo g

在这里插入图片描述

步骤七：本地预览

运行以下命令启动本地服务器进行预览：

hexo server
简写 hexo s

然后在浏览器中打开 http://localhost:4000，查看博客的本地预览效果
在这里插入图片描述

步骤八：部署到 GitHub Pages

运行以下命令将生成的静态文件部署到 GitHub Pages：

hexo deploy
简写：hexo d

在这里插入图片描述
如果出现以下情况，直接授权就行
在这里插入图片描述
在这里插入图片描述

步骤八：访问你的博客

等待部署完成后，你的博客就可以通过 https://yourusername.github.io 访问了，其中 yourusername 是你的 GitHub 用户名。或者 https://yourusername.github.io/仓库名/

如果出现以下情况：静态资源未加载
在这里插入图片描述
解决办法：修改hexo 中 _config.yml文件
原文件的 root：/ 指向的是根目录，在后面添加上仓库名
即修改为 root：/仓库名
在这里插入图片描述

保存，重新使用上传到github

hexo clean   # 清除缓存文件等
hexo g       # 生成页面
hexo d       # 部署发布

最后访问成功。
在这里插入图片描述

步骤九：写作和发布

从现在开始，你可以通过创建新的 Markdown 文件并使用 hexo generate 和 hexo deploy 命令来更新你的博客内容。每次更新后，运行 hexo deploy 将新内容发布到 GitHub Pages 上
Markdown 文件在source/_posts 目录下

也可以不使用命令自己创建 .md 文件，只需在文件开头手动加入如下格式 Front-matter 即可，写完后运行 hexo g 和 hexo d 发布。

---
title: Hello World # 标题
date: 2023/12/24 hh:mm:ss # 时间
categories: # 分类
- Diary
tags: # 标签
- 笔记
- win
---摘要
<!--more-->
正文

常用命令

hexo new "name"       # 新建文章
hexo new page "name"  # 新建页面
hexo g                # 生成页面
hexo d                # 部署
hexo g -d             # 生成页面并部署
hexo s                # 本地预览
hexo clean            # 清除缓存和已生成的静态文件
hexo help             # 帮助

更换主题(扩展)

步骤一：选择 Hexo 主题
在 Hexo 官方网站或 GitHub 上，有许多免费和开源的 Hexo 主题可供选择。选择一个你喜欢的主题并记住它的名称。
主题下载：https://hexo.io/themes/

点击喜欢的主题
在这里插入图片描述

步骤二：安装主题
两种方法一种克隆下载，一种直接下载压缩包
在这里插入图片描述
在博客根目录下执行以下命令，安装你选择的主题：
theme-name 你的主题名

git clone https://github.com/yourfavorite/theme-name.git themes/theme-name

步骤三：配置主题
编辑 _config.yml 文件，将主题设置为你选择的主题：

# _config.yml
theme: theme-name

步骤四：重新生成和部署
重新生成静态文件并部署到 GitHub Pages：

hexo g
hexo d

现在，你的博客应该使用新的主题了。根据主题的文档，你可能需要进一步的配置来自定义博客的外观和功能。

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

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

相关文章

JAVA的拼图游戏

JAVA的拼图游戏

看好路径 MyActionListener public class MyActionListener implements ActionListener {Overridepublic void actionPerformed(ActionEvent e) {System.out.println("按钮被点击了");} }MyJFrame public class MyJFrame extends JFrame implements ActionListener…
阅读更多...
研究论文 2022-Oncoimmunology：AI+癌RNA-seq数据 识别细胞景观

研究论文 2022-Oncoimmunology：AI+癌RNA-seq数据 识别细胞景观

Wang, Xin, et al. "Deep learning using bulk RNA-seq data expands cell landscape identification in tumor microenvironment." Oncoimmunology 11.1 (2022): 2043662. https://www.tandfonline.com/doi/full/10.1080/2162402X.2022.2043662 被引次数&#xff1…
阅读更多...
ubuntu20.04安装timeshift最新方法

ubuntu20.04安装timeshift最新方法

总结&#xff1a; 现在可以使用如下代码安装 sudo apt-get update sudo apt-get install timeshift原因&#xff1a; 在尝试Timeshift系统备份与还原中的方法时&#xff0c; sudo apt-add-repository -y ppa:teejee2008/ppa运行失败。 更改为以下代码&#xff1a; sudo a…
阅读更多...
使用ArcMap进行栅格数据矢量化

使用ArcMap进行栅格数据矢量化

文章目录 题目流程1&#xff0c;打开ArcMap软件&#xff0c;加入练习数据到工作区2&#xff0c;定义投影3&#xff0c;地理配准4&#xff0c;开始绘制 题目 实验名称&#xff1a;栅格数据矢量化 实验目的及要求&#xff1a; 1. 掌握栅格数据矢量化预处理方法 2. 掌握矢量数据…
阅读更多...
redis基本用法学习（C#调用FreeRedis操作redis）

redis基本用法学习（C#调用FreeRedis操作redis）

FreeRedis属于常用的基于.net的redis客户端&#xff0c;EasyCaching中也提供适配FreeRedis的包。根据参考文献4中的说法&#xff0c;FreeRedis和CsRedis算是近亲&#xff08;都是GitHub中账号为2881099下的开源项目&#xff09;&#xff0c;因此其用法特别相似。FreeRedis的主要…
阅读更多...
python（上半部分）

python（上半部分）

第一部分 1、input()语句默认结果是字符串 2、type()可以判断变量的类型 3、input()输出语句 &#xff08;默认为字符串类型&#xff09; 4、命名规则&#xff1a;中文、英文、数字、_&#xff0c;数字不可开头&#xff0c;大小写敏感。 5、 %s&#xff1a;将内容转换成…
阅读更多...
Java研学-HTTP 协议

Java研学-HTTP 协议

一 概述 1 概念和作用 概念&#xff1a;HTTP 是 HyperText Transfer Protocol (超文本传输协议)的简写&#xff0c;它是 TCP/IP 协议之上的一个应用层协议。简单理解就是 HTTP 协议底层是对 TCP/IP 协议的封装。   作用&#xff1a;用于规定浏览器和服务器之间数据传输的格式…
阅读更多...
freeRTOS实时操作系统学习笔记

freeRTOS实时操作系统学习笔记

温馨提示&#xff1a;点击图片查看大图更清晰 —————————————————————————————↑↑↑上方资源下载后可获取xmind原文件。 1、freeRTOS移植和配置脑图 2、内核源码学习
阅读更多...
智能优化算法应用：基于侏儒猫鼬算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用：基于侏儒猫鼬算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用&#xff1a;基于侏儒猫鼬算法3D无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用&#xff1a;基于侏儒猫鼬算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.侏儒猫鼬算法4.实验参数设定5.算法结果6.…
阅读更多...
智能算法(GA、DBO等)求解零空闲流水车间调度问题(NIFSP)

智能算法(GA、DBO等)求解零空闲流水车间调度问题(NIFSP)

先做一个声明&#xff1a;文章是由我的个人公众号中的推送直接复制粘贴而来&#xff0c;因此对智能优化算法感兴趣的朋友&#xff0c;可关注我的个人公众号&#xff1a;启发式算法讨论。我会不定期在公众号里分享不同的智能优化算法&#xff0c;经典的&#xff0c;或者是近几年…
阅读更多...
Stable Diffusion 基本原理

Stable Diffusion 基本原理

1 Diffusion Model的运作过程 输入一张和我们所需结果图尺寸一致的噪声图像&#xff0c;通过Denoise模块逐步减少noise&#xff0c;最终生成我们需要的效果图。 图中Denoise模块虽然是同一个&#xff0c;但是它会根据不同step的输入图像和代表noise严重程度的参数选择denoise的…
阅读更多...
比亚迪王朝B级SUV新旗舰起航

比亚迪王朝B级SUV新旗舰起航

12月15日宋L正式投入市场&#xff0c;这也宣告着比亚迪王朝品牌全新的里程碑。作为宋家族中定位稍高的L级车型&#xff0c;宋L本次一共上市推出了4款后驱车型和1款四驱车型。其中后驱车型的电机功率从200kW至380kW不等&#xff0c;续航里程最大可达662公里&#xff0c;满足不同…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023