hexo博客的搭建与部署

最新推荐文章于 2024-05-27 13:44:23 发布
最新推荐文章于 2024-05-27 13:44:23 发布
阅读量431 收藏 2
点赞数 3
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44942737/article/details/120581918
版权

hexo博客搭建

文章目录

搭建环境

安装node.js与git

安装淘宝镜像源

管理员身份进入终端，为了下载更快，可以先安装淘宝镜像源

npm install -g cnpm --registry==http://registry.npm.taobao.org

在这里插入图片描述

安装hexo博客框架

cnpm install -g hexo-cli

在这里插入图片描述

安装完成后输入hexo -v来验证一下是否成功

使用hexo

建立一个文件夹存放博客文件

在这里插入图片描述

初始化hexo博客

hexo init

在这里插入图片描述

初始化后根目录下中就自动生成了博客框架的一些文件

在这里插入图片描述

输入下面的网址启动博客看看

在这里插入图片描述

在这里插入图片描述

创建第一篇文章

hexo new "你要写的文章的标题"

在这里插入图片描述

文章创建后会保存到根目录/source/_posts目录下

在这里插入图片描述

点开编辑文章

在这里插入图片描述

返回根目录依次执行下面的命令

hexo clean  //清理缓存
hexo g  //生成静态文件html
hexo s  //运行

重新加载页面，文章显示出来了

在这里插入图片描述

部署到gitee

部署到github的步骤也是一样的

新建仓库

在这里插入图片描述

这里我把仓库名称设置的和我的用户名一样，

因为这样设置的话，配置好gitpage后直接输入zlw0504.gitee.io就可以访问了，

仓库库设置为其他的名称也是可以的，但是需要输入zlw0504.gitee.id/仓库名 来访问，

在我自己测试的时候发现，如果用其他的仓库名，使用gitee网址运行时css是失效的，

网上也可以找到相应的解决方案，这里不在赘述。

安装git插件

这个插件是为了将本地文件部署到远端用的，在根目录下输入以下命令

npm install hexo-deployer-git --save

在这里插入图片描述

设置远程仓库

进入根目录找到_config.yml文件

在这里插入图片描述

打开更改以下内容，（在文件的最后面）

在这里插入图片描述

部署到远端

进入根目录，输入hexo d命令将本地文件部署到远端

hexo d

在这里插入图片描述

进入gitee仓库查看一下

在这里插入图片描述

配置gitee pages

在仓库里面找到gitee pages，点击启动

在这里插入图片描述

访问这个网址就可以了

在这里插入图片描述

写博客流程

写博客的一般流程

写博客(md)

执行以下命令创建md文件，文件会生成在\source\_posts中，使用typora编辑文章

hexo new "博客标题"

部署到远端

依次执行下列命令

hexo clean  //清一下缓存
hexo g  //生成静态文件
hexo d  //推送到码云

进入gitee pages页面更新一下就ok了

在这里插入图片描述

更换主题

安装butterfly主题

这里以butterfly为例

git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

在这里插入图片描述

这里可能报错报错fatal: unable to access ‘https://github.com/…’: OpenSSL SSL_read: Connection was reset, errno 10054

产生原因：一般是这是因为服务器的SSL证书没有经过第三方机构的签署，所以才报错

参考网上解决办法：解除ssl验证后，再次git即可

输入命令 git config --global http.sslVerify “false”

在这里插入图片描述

安装完成后就可以在themes下看到这个文件了

在这里插入图片描述

修改配置文件

返回根目录下_config_yml文件，修改以下内容

在这里插入图片描述

运行博客

返回根目录，依次执行下列命令

hexo clean

hexo g

hexo s

在这里插入图片描述

这里打开网址报错了，根据提示需要安装渲染器插件

在这里插入图片描述

安装渲染器插件

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

在这里插入图片描述

安装完插件再次执行“hexo三连”就可以了

部署到远端

在根目录下输入hexo d命令部署到远端

更新一下gitee pages就可以使用gitee.io那个网址访问了

在这里插入图片描述

槐南一梦丶
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Hexo博客搭建与部署
Hemx的博客
12-01 163
Hexo博客搭建与部署 准备环境 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown.（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页 安装Node.js 安装Git 安装过程另附 安装配置 安装好上述的两个软件，搭建好环境后就可以开始搞一搞了 打开Git命令行(Git bash)运行一下命令——安装Hexo 1. npm inst...
Hexo博客搭建
itmyhome的专栏
02-02 4389
这是一篇简要的介绍Hexo独立博客的搭建教程其他相关知识如Git、Github Pages请自行脑补。一、安装准备软件Node.js我的环境是Win7 64位,请选择对应版本进行下载一直Next 只需选中Add to PATH即可Git安装Git的客户端msysgit二、安装HexoNode和Git都安装好后，可执行如下命令安装hexo：npm install -g hexo初始化Hexo进入任意
【报错fatal: unable to access ‘https://github解决办法】
noctis233的博客
04-10 4万+
克隆代码遇到的问题
软件工程 头歌
m0_51919640的博客
05-07 1868
任务描述 相关知识 Linux命令行操作 Nodejs和Npm Hexo系统 闯关要求 操作指南 任务描述 本关任务： 通过了解并学习相关技术文档，在Ubuntu系统上部署一个真实可用的博客系统，通过部署，发现其中框架存在的Bug并维护，这被称为改正性维护。 Hexo是一个快速、简洁的博客系统，是Github上热门的开源项目。Hexo中文官网 相关知识 Linux命令行操作 apt（Advanced Packaging Tool）是一个在 Debian 和 Ubuntu 中
头歌软件工程-软件及其环境-软件部署的方式和方法-软件部署模型-选做：Hexo博客系统部署
最新发布
qq_48916660的博客
05-27 547
2、运行在Android手机上的“12306”APP，其运行环境包括哪些。3、部署图中的计算节点既可以是计算机，也可以是诸如手机、可穿戴设备等嵌入式设备。3、部署在Android手机上的“微信”APP，其运行环境包括哪些。1、软件部署既包括部署和配置运行环境，也包括部署和配置软件系统。1、软件的运行环境既可以是物理设备，也可以是软件系统。1、软件部署模型只需要描述系统物理节点的结构。2、软件的部署模型描述了哪些方面的信息。3、“12306”软件采用分布式部署方式。2、微信软件采用集中式部署方式。
git clone出现 fatal: unable to access ‘https://github.com/...‘的两种解决方法
热门推荐
weixin_45317091的博客
01-30 10万+
利用gitee下载github中开放的源码方法一：step 1：step 2：step 3：方法二step 1:step 2：step 3:step 4 方法一： step 1： 打开网页输入www.github.com查看是否可以打开网页 step 2： 1、 在终端输入 ping github.com 查看是否可以ping通，ping通的结果如下所示 2、如果ping通了，排除git不正常的情况，可能是网络不好，可以转到方法二； 3、如果没有ping通，参考解决无法访问github的方法（P.S.：
安装Hexo博客并部署到GitHub或云服务器（细节教程，越过各种坑）
qq_43187818的博客
02-23 3280
本文将介绍如何在个人PC上搭建Hexo博客框架并将博客部署到GitHub上或者部署到个人云服务器上，这是我自己在搭建博客时的一个汇总。
【git】Git提交或者报错fatal:unable to access ‘https://github.com/xxx‘: Failed to connect to github.com
SweetoRm的博客
10-31 1万+
在git push时或者clone时，中间会有git的http和https代理，但是我们本地环境本身就有SSL协议了，所以取消git的https或者http代理即可。
Hexo博客搭建文件（next主题）
12-07
Hexo博客搭建是一个深受开发者喜爱的过程，它是一个基于Node.js的快速、简洁且高效的博客框架。在本案例中，我们关注的是使用Next主题来构建个人博客。Next主题以其优雅的设计和丰富的功能，成为Hexo用户中的热门...
搭建Hexo博客+部署到Github
01-08
【搭建Hexo博客+部署到Github】教程 前言： 本文档主要介绍如何在Windows 10 64位系统下搭建Hexo博客，并将其部署到GitHub上。灵感来源于B站up主codesheep的视频及其评论区的分享，旨在为初学者提供详细步骤和学习...
个人博客系统-前后端,基于hexo搭建
10-19
总的来说，基于Hexo搭建个人博客系统，既简单又灵活。无论你是前端开发者，还是对代码不熟悉的普通用户，都能通过Hexo轻松打造属于自己的知识分享空间。而且，随着对Hexo理解的深入，你还可以自定义更多的功能，...
基于Hexo搭建的博客系统源码.zip
11-02
基于Hexo搭建的博客系统源码.zip文件包含了一整套用于创建个人博客的源代码，使得用户可以自定义自己的博客样式和功能。下面我们将详细探讨Hexo的搭建过程、核心组件以及与人工智能的潜在结合点。 1. **Hexo搭建...
hexo博客 nodejs +博客搭建+butteflr主题自用
07-26
至此，你已经掌握了使用Node.js和Hexo搭建个人博客，以及应用Butterfly主题的基本步骤。通过不断学习和实践，你可以根据自己的需求进一步优化博客，打造一个独一无二的网络空间。记住，定期备份你的博客是非常重要的...
hexo博客安装与部署
weixin_72700161的博客
02-05 914
下载完成后双击安装包一路点下一步，安装完成后鼠标右键会有说明安装成功在桌面右键打开在命令行中输入如下命令，配置Git用户名和邮箱地址。
解决fatal: unable to access ‘https://github.com/.....
weixin_39566210的博客
10-22 9048
问题 centos 7在执行“git clone https://github.com/…”时出现“fatal: unable to access 'https://github.com/…”错误。 解决 把https换成git。 如“git clone git://github.com/…”
软件工程头歌
m0_55715943的博客
05-07 1105
Hexo博客系统部署 第2关：Hexo博客系统的改正性维护 任务描述 相关知识 VIM编辑 Hexo配置项 配置主题 闯关要求 操作指南 任务描述 本关任务：基于上一小结部署的Hexo博客系统，根据操作指南配置相关Hexo配置项，在使用过程中发现BUG，并进行改正性维护，使得部署的系统可以正常运行。 相关知识 VIM编辑 所有的 Unix Like 系统都会内建 vi 文书编辑器，其他的文书编辑器则不一定会存在。 但是目前我们使用比较多的是 vim 编辑器。 vim
hexo博客部署到服务器
夏日 の blog
10-15 1444
准备工作 本地hexo已配置好 个人系统：deepin15.11 服务器：Ubuntu 18.04 开始吧 安装git和nginx apt update apt install git nginx 配置nginx nginx version: nginx/1.14.0 (Ubuntu) 在此说明nginx版本是因为我曾试了网上很多nginx配置但都没生效(原谅我只用过Apache)，后来搜了具体版本的配置才生效。所以日后还是要养成搜的时候加上版本的习惯。 我的博客目录在/opt/hexo 当然你也
解决Github：fatal:unable to access ‘https://github.com/.../.git‘:Could not resolve host:github.com
单枪匹码
12-15 5万+
1.问题：在Github上clone资源时发生：fatal: unable to access ‘https://github.com/…/.git’: Could not resolve host: github.com 错误；提示无法解析主机github.com； 2.原因：出现该错误是因为使用了proxy代理，所以要解决该问题，核心操作就是要取消代理； 3.查询：通过git配置文件查看是否使用代理：git config --global http.proxy 通过查询系统环境有没有使用代.
一步一步教你部署hexo博客网站
Good Luck
04-26 1915
一步一步教你部署hexo网站
hexo搭建博客部署gitee
08-16
在使用Hexo搭建博客并将其部署到Gitee的过程中，你需要进行一些修改以确保正确的部署。 首先，你需要在_config.yml文件中找到deploy配置部分。在这里，你需要对deploy进行如下修改： ``` deploy: - type: git repo: https://gitee.com/你的用户名/你的仓库名.git branch: master ``` 将上述代码中的"你的用户名"替换为你在Gitee上的用户名，并将"你的仓库名"替换为你的博客仓库在Gitee上的名称。 接下来，你需要将你的博客同时部署到GitHub，以便在无法访问Gitee时，仍可通过GitHub访问你的博客。在_config.yml文件的deploy配置中，添加以下代码： ``` - type: git repo: https://github.com/你的用户名/你的仓库名.git branch: master ``` 同样，将上述代码中的"你的用户名"替换为你在GitHub上的用户名，并将"你的仓库名"替换为你的博客仓库在GitHub上的名称。 完成以上修改后，保存并关闭_config.yml文件。接下来，你可以通过运行命令`hexo deploy`将你的博客部署到Gitee和GitHub。 请注意，部署到Gitee相对于GitHub可能会稍微麻烦一些，因为你需要手动去Gitee的网站上更新一次才能看到更新效果。这是因为Gitee是国内版的GitHub，速度相对较快，但在部署时需要手动同步。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [搭建hexo博客——Gitee篇](https://blog.csdn.net/qq_939317133/article/details/124046319)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [hexo博客同时部署gitee和github，搭建镜像站](https://blog.csdn.net/liegu0317/article/details/123058346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值