hexo+gitee免费打造个人网站导航

news2024/12/24 19:41:41

一、准备工作

本文在win10系统下进行环境搭建

1.可参考官方文档

hexo官方网站

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页

2.配置环境

这里我们需要下载安装两个软件,我们就去官网下载一下 node.js 和 git
Nodejs下载安装
在这里插入图片描述
git下载安装
在这里插入图片描述

3. 安装 Hexo

npm install -g hexo-cli

在这里插入图片描述
安装成功
在这里插入图片描述

二、项目搭建

1.初始化项目

blog为项目的名称

hexo init blog

在这里插入图片描述
初始化成功
在这里插入图片描述

2.本地运行项目

hexo clean //清空已经存在的hexo网站文件
hexo generate(可简写g) //依据网页文件和新的css样式生成新的网站文件
hexo server(可简写为s) //启动本地服务器,可以在localhost:4000查看网站修改效果

List item

先进入到项目的根目录

 cd webstack

在这里插入图片描述
编译运行

hexo g
hexo s

在这里插入图片描述
默认端口为4000,在浏览器访问 http://localhost:4000/
在这里插入图片描述

三、替换主题

1.主题下载

官方主题列表
在这里插入图片描述
下载主题

cd themes
git clone https://github.com/HCLonely/hexo-theme-webstack

在这里插入图片描述
在这里插入图片描述

2.修改主题名称

将hexo-theme-webstack修改为webstack
在这里插入图片描述
修改_config.example.yaml 为 _config.webstack.yaml
在这里插入图片描述
移动_config.webstack.yaml到根目录下
在这里插入图片描述

修改主题名称为webstack
在这里插入图片描述
在这里插入图片描述

3. 本地运行

hexo clean
hexo g
hexo s

在这里插入图片描述
在这里插入图片描述

四、项目部署到远程端

1.hexo下载git工具

npm install hexo-deployer-git --save

2.再gitee新建一个仓库

首先我们需要注册码云的账号,然后在创建一个仓库,这里初次使用码云的话可以,先看一下码云入门
当然注册账号我们可以直接进入码云官网:https://gitee.com/ 都是中文一看就会的那种
我的仓库名称为 webstack,

3.修改配置文件

修改url为我们创建的仓库
在这里插入图片描述
修改git提交的仓库地址
在这里插入图片描述

4.提交

hexo d

5.码云上开启服务

在这里插入图片描述
在这里插入图片描述
我们就可以通过生成的网站地址访问了
在这里插入图片描述

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

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

相关文章

最新版opencv4.9安装介绍,基本图像处理详解

文章目录 一、什么是OpenCV ?二. OpenCV 安装1. 下载地址2.安装命令:pip install opencv-python 三、图像基础1. 基本概念2. 坐标系3. 基本操作(彩色图片)(1)读取图片:cv2.imread( )&#xff08…

PCB共模辐射是如何产生的

目录 引言 模型分析01 模型分析02 模型分析03 模型分析04

记一次供应链的heapdump泄露到云接管

本文由掌控安全学院 -杳若 投稿 打点 开局一张图 分析 框架分析 首先发现使用的是前端的vue框架 注意/#/,存在的话基本都是vue,这时候就要从找接口开始 浅试登录 任意输入账号密码点击登录 发现校验了手机号的问题,这时候换个功能点 浅…

【OpenAI Sora】 如何使用:最新详细教程-新手小白必看

Sora 是什么? 2024年2月16日,OpenAI 在其官网上面正式宣布推出文本生成视频的大模型 Sora: https://openai.com/sora (PS:目前 openai 官方还未开放 sora 灰度,不过根据文生图模型 DALLE 案例,一定是先给…

Spring Cloud部署篇1——Jar包部署至CentOS云服务器

一、项目介绍 系统模块 com.mingink |--mingink-api // 接口模块 | └──mingink-api-system // 系统接口 |--mingink-common // 通用模块 | └──mingink-common-core // 系统接口 |--mingink-gateway…

未来已来:数字孪生与智慧园区的深度融合

目录 一、数字孪生技术的概述 二、智慧园区的概念和发展 三、数字孪生与智慧园区的深度融合 四、数字孪生与智慧园区的未来展望 五、结论 随着科技的飞速发展,我们正处在一个日新月异的时代。数字孪生技术作为新兴的前沿科技,已经引起了全球范围内的…

喜报 | 2023上海文创资金拟支持名单公布,优积科技上榜

2023年8月9日,上海市文化创意产业推进领导小组办公室公布了《2023年上海市促进文化创意产业发展财政扶持资金拟支持项目(第一批)公示》,优积科技本次以“人工智能技术赋能模块化建筑设计的创新应用”项目荣获该资金财政扶持。 优积…

如何用GPT进行成像光谱遥感数据处理?

第一:遥感科学 从摄影侦察到卫星图像 遥感的基本原理 遥感的典型应用 第二:ChatGPT ChatGPT可以做什么? ChatGPT演示使用 ChatGPT的未来 第三:prompt 提示词 Prompt技巧(大几岁) 最好的原则和策…

QT常用类

五、常用类 QString 字符串类(掌握) QString是Qt的字符串类,与C的std::string相比, 不再使用ASCII编码。QString使用的是Unicode编码。 QString中每个字符都是一个16位的QChar,而不是8位的char。 QString完全支持中文&…

模板(类模板)---C++

模板目录 2.类模板2.1 类模板语法2.2 类模板与函数模板区别2.3 类模板中成员函数创建时机2.4 类模板对象做函数参数2.5 类模板与继承2.6 类模板成员函数类外实现2.7 类模板分文件编写2.8 类模板与友元2.9 类模板案例 2.类模板 2.1 类模板语法 类模板作用: 建立一个…

2024 2.17~2.23 周报

一、本周计划 学习如何缝合模块,跑代码InversionNet、想idea并实验,准备开题报告,学习python基础语法 二、完成情况 1 学习如何在代码中加入模块 可添加的模块如: 通道注意力CA 空间注意力SA self attention变体 频域快速傅里…

漫漫数学之旅031

文章目录 经典格言数学习题古今评注名人小传 - 经典格言 如果没有数学知识,这个世界的事物是无法搞清楚的。——罗杰培根(Roger Bacon) 好的,各位看官,让我们来听听罗杰培根这位中世纪的“科学老顽童”是怎么说的&…

openGauss学习笔记-227 openGauss性能调优-系统调优-其他因素对LLVM性能的影响

文章目录 openGauss学习笔记-227 openGauss性能调优-系统调优-其他因素对LLVM性能的影响 openGauss学习笔记-227 openGauss性能调优-系统调优-其他因素对LLVM性能的影响 LLVM优化效果不仅依赖于数据库内部具体的实现,还与当前所选择的硬件环境等有关。 表达式调用C…

CrossOver2024虚拟机软件的优缺点分别是什么?

CrossOver虚拟机软件的优缺点分别如下: 优点: 无需双系统:用户可以在Mac或Linux系统上直接运行Windows应用程序,无需安装双系统,从而节省了硬盘空间并避免了系统切换的麻烦。易于安装和使用:CrossOver具有…

基于SpringBoot的在线拍卖系统设计与实现(源码+调试+LW+PPT)

项目描述 临近学期结束,还是毕业设计,你还在做java程序网络编程,期末作业,老师的作业要求觉得大了吗?不知道毕业设计该怎么办?网页功能的数量是否太多?没有合适的类型或系统?等等。今天给大家介绍一篇基于SpringBoot的在线拍…

初探Web客户端追踪技术

前言 案例1 当我们首次浏览网站时,在网页的下方位置经常会出现提示,询问是否允许使用 Cookie 来提供服务和流量。为了不被挡住浏览的内容,我们经常会下意识地点击“接受”,然后继续浏览。看似无害而有害增强你在这个网站上的体验…

基于springboot财务管理系统源码和论文

随着信息技术和网络技术的飞速发展,人类已进入全新信息化时代,传统管理技术已无法高效,便捷地管理信息。为了迎合时代需求,优化管理效率,各种各样的管理系统应运而生,各行各业相继进入信息管理时代&#xf…

C# cass10 宗地初始化-根据 “预编号” “权利人”图层对应信息 批量添加到宗地图层

运行环境Visual Studio 2022 c# cad2016 cass10 根据 “预编号” “权利人”图层对应信息 批量添加到宗地图层 一、主要步骤 zdimport 方法:这个方法用于导入宗地信息。首先通过调用 AutoCAD API 获取当前活动文档、数据库和编辑器对象。然后根据 CreatePalette.Se…

CSB ----> XXE靶场记

小记&#xff1a;XXE的靶场 1.XXE的触发基本条件 想要触发XXE靶场&#xff0c;必须满足以下的条件 网站开启了外部实体解析libxml<2.9.0 版本 默认开启了外部实体解析&#xff1a;默认开启了外部实体解析网站管理员开启了外部实体解析&#xff08;不过这个一般不太可能&a…

android 15

https://android-developers.googleblog.com/2024/02/first-developer-preview-android15.html android 15的预览版出了&#xff0c;这个版本的发布计划大概是这样的&#xff08;大约是今年8月发布最终版本&#xff09; https://developer.android.com/about/versions/15/over…