使用 hexo 框架 快速搭建个人博客(二)

简介: 使用 hexo 框架 快速搭建个人博客(二)

Hello,各位小伙伴大家好,今天带大家来更换 hexo框架 的主题 以及将 个人博客发布到 GitHub 和 Gitee上面!

在这里插入图片描述
咱接上一篇文章来说,没有看过的小伙伴可以去看看使用 hexo 框架 快速搭建个人博客(一)

@TOC

一、hexo 主题更换!!

相信博客的界面是大家都最关注的,也是大家最期待的吧。接下来冲起来~~~

1、选择自己喜欢的主题

1-1、hexo 官方提供的主题仓库

首先进入 hexo 的官网:https://hexo.io/zh-cn/
在这里插入图片描述
进入之后大家就可以发现导航栏中又主题的选项,大家点击主题,
在这里插入图片描述
在这里插入图片描述进入之后大家会发现 hexo 真的是超级棒,给我们提供了几百款不同的主题供大家使用!

接下来我们下载一款自己想要使用的博客主题!!
在这里插入图片描述

1-2、用户自己设计的主题(大家也可以自己去设计)

同上面的操作,只是需要大家自己去寻找漂亮的主题,有些漂亮的主题并没有开源,大家可以通过交流群等途径获取,主题的更换和上面的操作是大同小异的!这里我就不再作展示了。
在这里插入图片描述

2、主题更换

我这里已经下载好了一个主题了,大家只需要对主题进行解压。
在这里插入图片描述
这就是下载的主题的大致的目录结构了。
在这里插入图片描述
我们返回上一级,将文件夹进行拷贝,拷贝到我们bolg文件夹下的theme下。
在这里插入图片描述
在这里插入图片描述
这里已经拷贝过来了,接下来我们需要对hexo的配置文件(_config.yml)进行修改,更改其中主题的选择!
在这里插入图片描述
我们将这里的 landspace 修改为我们的目录名(即是 Cxo

修改完毕之后,在 hexo 中打开 cmd,一次输入 hexo clean 、 hexo g 、hexo s(清理,重新升成,开启) 的命令,这样我们的hexokinase就跑起来了!
在这里插入图片描述
接下来我们去本地 4000 端口 进行访问!
没有出错的话就直接可以看到效果了!!!

Error 这里可能会出现一个问题

在这里插入图片描述

在这里插入图片描述
Error:
xtends includes/layout.pug block content include includes/recent-posts.pug include includes/partial/**
解决方案:

执行如下命令

npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive

在这里插入图片描述
这样就执行完成了,接下来,我们重新执行 hexo clean 、 hexo g 、hexo s 的命令,再去浏览器看一下。
在这里插入图片描述
耶耶耶,主题更换成功!!
在这里插入图片描述

二、将我们的 博客发布到Github/Gitee 上

关于Glthub/Gitee的基本注册的操作我就不再教大家了,大部分小伙伴应该都会注册!

1、发布在 GitHub 上

我们直接新建库,点击 New repostiory
在这里插入图片描述

这里需要注意一下,Repository的名字是必须按这种格式来编写!!!

 Github用户名 .github.io         

在这里插入图片描述

创建成功之后这个库是空的~~
在这里插入图片描述
接下来我们就开始将本地hexo博客上传到github上!!
我们在本地博客中打开cmd 输入一下命令cnpm install --save hexo-deployer-git
安装 hexo-deployer-git 插件包
在这里插入图片描述

想要发布到Github上我们需要对本地hexo博客配置文件(_config.xml)进行配置
type 后面填写 git
repo 后面填写你自己git上对应的地址
在这里插入图片描述

branch 后面填写 master
在这里插入图片描述

接下来我们将我们的本地项目部署到Github上,你们在执行命令的过程中会需要你们输入你们Github的用户名和密码,因为我这里做了设置,所以不需要输入就可以上传!
在这里插入图片描述
上传完之后目录结构大致就是这个样子
在这里插入图片描述
接下来将自己的库名输到浏览器地址栏中!!!!!!
在这里插入图片描述
在这里插入图片描述
发布成功!!!!!!!!在这里插入图片描述

2、发布在 Gitee 上

我相信聪明的你们也一定能够举一反三在Gitee上发布自己的博客!这里就不多做口舌了!

在这里插入图片描述

总结

这期关于 hexo 快速搭建博客的教程就到这里了,希望能够给大家带来帮助。感谢大家的观看!
我是楠橘星,期待大家的关注!😀😀😀😀

树苗如果因为怕痛而拒绝修剪,那就永远不会成材。
在这里插入图片描述

目录
相关文章
|
Rust 前端开发 JavaScript
低代码使用问题之Supabase是什么,支持哪些客户端库
低代码使用问题之Supabase是什么,支持哪些客户端库
|
Shell Go 开发工具
如何优雅的通过Shell脚本一键部署GO项目到服务器 |Go主题月
我们可以通过shell脚本把以下操作进行封装:代码同步,打包,编译,重启进程,启动服务;一键执行shell,避免重复劳动。
557 0
如何优雅的通过Shell脚本一键部署GO项目到服务器 |Go主题月
|
JavaScript Ruby Python
Hexo、Jekyll、Sphinx、mkdocs、docsify等静态博文档汇总
Hexo、Jekyll、Sphinx、mkdocs、docsify等静态博文档汇总
652 0
|
缓存 负载均衡 数据库
互联网架构的三板斧
在互联网江湖,流传着传说中的架构秘籍,而这本秘籍只有三板斧。传说学会这三板斧便能由程序猿成为架构狮。在互联网世界杀出一片天地。这三板斧如何耍呢,本文就为大家分享。
12377 0
|
2天前
|
弹性计算 人工智能 安全
云上十五年——「弹性计算十五周年」系列客户故事(第二期)
阿里云弹性计算十五年深耕,以第九代ECS g9i实例引领算力革新。携手海尔三翼鸟、小鹏汽车、微帧科技等企业,实现性能跃升与成本优化,赋能AI、物联网、智能驾驶等前沿场景,共绘云端增长新图景。
|
8天前
|
存储 弹性计算 人工智能
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
2025年9月24日,阿里云弹性计算团队多位产品、技术专家及服务器团队技术专家共同在【2025云栖大会】现场带来了《通用计算产品发布与行业实践》的专场论坛,本论坛聚焦弹性计算多款通用算力产品发布。同时,ECS云服务器安全能力、资源售卖模式、计算AI助手等用户体验关键环节也宣布升级,让用云更简单、更智能。海尔三翼鸟云服务负责人刘建锋先生作为特邀嘉宾,莅临现场分享了关于阿里云ECS g9i推动AIoT平台的场景落地实践。
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
|
7天前
|
人工智能 自然语言处理 自动驾驶
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
|
7天前
|
云安全 人工智能 自然语言处理
阿里云x硅基流动:AI安全护栏助力构建可信模型生态
阿里云AI安全护栏:大模型的“智能过滤系统”。