hexo搭建博客【详细步骤】适合初学者

2023-05-16

为什么要搭建自己的博客:https://blog.csdn.net/weixin_45606067/article/details/107966915

下面说一下如何从零开始上手搭建博客。

Hexo搭建博客步骤:

搭建博客需要有Linux,Git,以及能看懂简单的CSS代码的基础。

  1. 安装Git
  2. 安装Node.js
  3. 安装Hexo
  4. GitHub创建个人仓库
  5. 生成SSH添加到GitHub
  6. 将hexo部署到GitHub

初学者完成部署博客

Hexo 简介

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

Hexo 是一个基于Node.js的静态博客框架,可以把生成的静态网页托管到GitHub 上进行管理,而且Hexo搭建博客遇到问题查阅的资料多。大家也可以查看Hexo官网:传送门

对于初学者我们可以把自己搭建的项目托管到Github上管理,如果有需要的话可以去阿里买一个自己的服务器管理。

1、安装 Git

Git是分布式版本控制系统,那么它就没有中央服务器的,每个人的电脑就是一个完整的版本库,这样,工作的时候就不需要联网了,因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库,那多个人如何协作呢?比如说自己在电脑上改了文件A,其他人也在电脑上改了文件A,这时,你们两之间只需把各自的修改推送给对方,就可以互相看到对方的修改了。

大家想系统学习一下Git 教程的,可以看我的博客,写的很详细:传送门

windows:可以到 Git 官网进行下载安装,Download git,官网下载太慢,我们可以使用 淘宝镜像 下载,安装完后右键鼠标会有一个Git Bash的命令行工具,他具体的语法就和 Linux 操作一样。

安装好Git后, 用git --version命令查看一下对应的版本。

2、安装 Node.js

Hexo是基于Nodejs编写的,所以需要 Nodejs 和 npm 工具。

Windows:Node.js 为大多数平台提供了官方安装包,可以前往 淘宝 Node.js 镜像下载。

安装好后,在git bash下执行以下命令:

node -v
npm -v

作用就是检测一下Nodejs有没有安装过成功。

在这里插入图片描述

3、安装Hexo

前面我们已经安装好 Git和Nodejs ,下面我们就可以用 git bash命令行安装Hexo了,首先我们下载taobao提供的镜像以及cnpm 并安装

输入命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm
cnpm -v
cnpm install -g hexo-cli

使用 hexo -v 查看一下版本

然后我们创建一个文件夹(blog),然后进入到文件夹下。(这里我把文件夹创建在E盘,所以我先进入E盘)

输入命令:

cd e:
mkdir blog
cd blog/

我们可以使用 pwd命令查看当前所在位置。

此时我们安装就全部完成了。

接下来我们初始化一下Hexo

hexo init

在这里插入图片描述

blog 文件结构:

在这里插入图片描述
注意:如果你初始化的过程中长时间卡住不动,只缺少 node_modules文件夹的话,可以终止命令,之后运行npm install命令即可。

新建完成后,文件夹目录下有:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • ** _config.yml: 博客的配置文件

此时我们就可以启动Hexo服务

hexo s

在浏览器输入 localhost:4000 就可以看到你生成的博客了。说明的是此时的博客是我们在本地服务,在别的服务器是 无法访问到的,所以我们就需要把我们的博客上传到 Github上 以方便管理。
在这里插入图片描述

注意:本地服务使用ctr+c关闭服务。

4、GitHub创建个人仓库

首先,你需要有一个自己的 Github 账号,没有的可以去注册。

注册完登录后,我们去New repository ,新建仓库。
在这里插入图片描述

注意:创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候才会被识别,也就是xxxx.github.io,其中 xxx 就是你注册GitHub的用户名。

点击 create repository 即可。

5、生成SSH添加到GitHub

这里如果看过我的 Git 博客 的安装说明,第5点就不用再配置了。

如果没有,可以回到你的 git bash 中输入以下命令:

git config --global user.name "yourname"
git config --global user.email "youremail"

这里的yourname输入你的GitHub用户名,youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。

可以通过这条命令检测一下你有没有输入正确:

git config --global --list

然后我们创建SSH

ssh-keygen -t rsa -C "youremail"

这是我们就可以在C盘用户下面看到一个.ssh的文件夹。

ssh说明:简单来讲,就是一个秘钥,其中,id_rsa 是你这台电脑的私人秘钥,不能给别人看的,id_rsa.pub是公共秘钥,可以随便给别人看。把这个公钥放在GitHub上,这样当你链接GitHub自己的账户时,它就会根据公钥匹配你的私钥,当能够相互匹配时,才能够顺利的通过git上传你的文件到GitHub上。

而后在GitHub的 setting 中,找到SSH keys的设置选项,点击 New SSH key,把你的 id_rsa.pub 里面的信息复制进去。

在输入命令,查看是否成功。

ssh -T git@github.com

6、将Hexo部署到Github上

这里就是我们将Hexo和Github关联起来,也就是我们将Hexo成功的博客部署到 Github上,

需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

cnpm install --save hexo-deloyer-git

打开站点配置文件_config.xml ,翻到最后,修改你的Github账户等。

deploy:
  type: git
  repo: https://github.com/yourname/yourname.github.io
  branch: master

然后我们清理,部署到远端就行。

hexo clean
hexo generate
hexo deploy

说明:hexo clean 清除了你之前生成的东西,也可以不加。
hexo generate 顾名思义,生成静态文章,可以用 hexo g 缩写
hexo deploy 部署文章,可以用hexo d缩写

在这里插入图片描述
注意:deploy 时可能要你输入 username 和 password。

稍等一下,等部署成功了就可以在浏览器上输入http://yourname.github.io 这个网站看到你的博客了。。


如果有收获!!! 希望老铁们来个三连,点赞、收藏、转发。
创作不易,别忘点个赞,可以让更多的人看到这篇文章,顺便鼓励我写出更好的博客
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

hexo搭建博客【详细步骤】适合初学者 的相关文章

  • hexo搭建博客【详细步骤】适合初学者

    为什么要搭建自己的博客 xff1a https blog csdn net weixin 45606067 article details 107966915 下面说一下如何从零开始上手搭建博客 Hexo搭建博客步骤 xff1a 搭建博客需
  • hexo注意事项和常用命令

    hexo注意事项和常用命令 我的博客网站 xff1a Gitee xff1a 一丈青 gitee io GitHub xff1a 一丈青 1zhangqing github io 自己手写front matter就是写 然后回车就能出现写f
  • Hexo + gitHub pages

    网址 xff1a https oldmee github io hexo的写作流程就是会按照日期自动帮你归类 xff0c 你new了一个page会生成一个markdown文件 xff0c 你就可以愉快的写作了 xff0c 边写边看效果 xf
  • 阿里云Ubuntu服务器图形界面配置(详细步骤,萌新看过来)

    刚买完阿里云Ubuntu服务器后 xff0c 发现并没有图形界面 xff0c 就想办法在网上搜集了一些资料配置 xff0c 结果发现一些资料配置过程并不适用于萌新 所以写这篇博客 xff0c 一为记录 xff0c 二为让萌新更快更方便的配置
  • 部署hexo遇到报错ERROR Deployer not found: git的解决办法

    部署hexo遇到报错ERROR Deployer not found git的解决办法 今天部署hexo的时候遇到一个报错 hexo c span class token operator amp amp span hexo g span
  • 利用Github和Hexo搭建自己的博客

    之前的自己搭的服务器gg了 xff0c 一直也没动手继续去恢复一下 xff0c 前段时间看操作系统教程的时候被NEXT这个主题吸引了 xff0c 再次萌生了整个博客的想法 之前就有听说过Github可以搭博客 xff0c 所以这次也打算试一
  • springboot项目多环境配置(详细步骤)

    说明 xff1a 使用springboot实现项目多环境配置 xff01 目录 一 application properties多环境配置二 application yaml多环境配置 一 application properties多环境
  • 使用Hexo从0到1搭建个人博客详细教程(超详细,超简单)

    看完这篇 轻轻松松搭建个人博客 校花 班花 额 额 看了就会的博客搭建教程 一 搭建前的软件准备 git node 二 安装hexo 完成简单本地页面展示 三 将Hexo部署到Github 1 Github创建个人仓库 2 生成ssh添加到
  • 在Gitee搭建属于自己的博客

    搭建属于自己的私人博客 工具安装 1 安装 git git 版本控制工具 链接 https pan baidu com s 19V8BH4kO9h6eVNFhMzAU4w 提取码 chgo 1 1 选择 next 1 2 选择安装路径 1
  • 【Hexo github】进行SSH认证时报错git操作提示git@github.com: Permission denied (publickey)(已解决)

    进入git bash界面然后 SSH keys 1 git config global list 2 git config global user name yourname git config global user email ema
  • hexo博客优化之文章置顶+置顶标签

    本文首发于wangwlj com 博文置顶 一种方法是手动对相关文件进行修改 具体可参考这篇文章 另一种方法就是 目前已经有修改后支持置顶的仓库 可以直接用以下命令安装 npm uninstall hexo generator index
  • 使用hexo和git实现多地更新和配置博客源文件

    使用hexo写博客的一个问题就是源文件都是在本地的 如果换了电脑需要更新博客时就会比较麻烦 目前 觉得比较靠谱的办法就是用github来管理了 主要的思路是 利用git分支实现 hexo生成的静态博客文件默认放在master分支上 hexo
  • 基于docker一行命令搭建个人博客wordPress

    前言 作为对技术热爱的一群小伙伴们 技术分享开源社区的贡献都是我们技术人引以为傲的一件事情 不仅如此 技术分享或者记录也是对自己职业成长的记录 更甚者 如果你的技术分享深度不错 并且帮助到别人那么在面试中也是又很大帮助的 今天就给大家谈一下
  • 怎么建立一个自己的博客

    怎么建立一个自己的博客 1 写在开头 其实我自己写的文章也不多 只是看到有些东西会做一下记录 所以部署一个自己的博客来记录这些东西也就会方便很多 而Hexo框架的博客使用方便对电脑要求也不高 并且有很多可以使用的主题 所以就用它把 先来看看
  • Hexo更换主题

    使用Hexo更换主题还算方便 先使用克隆命令安装好主题 然后更改一下博客的配置文件D hexo config yml里面的主题名称就好了 1 安装主题 在博客目录D hexo下右键点击Git Bash 输入以下命令 其他的主题也类似操作 g
  • Windows下,Hexo+GitHub搭建博客

    一 注册GitHub账号 二 创建GitHub仓库 创建git仓库时候 仓库的名称有格式要求 例如我的GitHub仓库用户名是thinkerwalker 那么我创建的仓库名称就是thinkerwalker github io 此处的警告是因
  • 使用HEXO搭建个人博客时遇到的问题日志 PART.1

    我都没想到光连建站都能遇到这么多问题 1 解决 Failed to connect to github com port 443 connection timed out 当使用hexo d的时候 一直连接超时 大概率应该是vpn导致的 方
  • 基于Hexo+Matery的LuckyBlog开源搭建教程

    前言 之前在B站上发布了个人博客的视频 播放量也破千了 有网友私聊也想要搭建一个这样的博客 经过一段时间的准备 现将本人博客的源代码公布出来 大家只需要根据以下的步骤 即可快速搭建一个漂亮完善的博客 0x01 LuckyBlog 介绍 上一
  • VSCode 中的 .ejs 格式

    这是我的问题 它不可读 为了使 ejs 正常工作 我到目前为止添加了以下内容 我还有保存格式和更漂亮的格式 我正在寻找更好的格式的建议 以便我可以阅读它 files associations ejs html css postcss emm
  • 如何为 Hexo 实现选项卡式代码块标签

    我正在尝试在 hexo 中创建选项卡式代码块 作为标签插件 但我不知道在哪里放置我的 js 函数 我想我可以使用加载该函数js 助手 https hexo io api helper html但我不知道在哪里包含助手 我尝试将其添加到标签插

随机推荐

  • 查询截取分析

    三 查询截取分析 1 查询优化 1 永远小表驱动大表 xff0c 类似嵌套循环Nested Loop Case EXISTS SELECT FROM table WHERE EXISTS subquery 该语法可以理解为 xff1a 将主
  • mysql锁机制,主从复制

    四 mysql锁机制 1 概述 1 定义 锁是计算机协调多个进程或线程并发访问某一资源的机制 在数据库中 xff0c 除传统的计算资源 xff08 如CPU RAM I O等 xff09 的争用以外 xff0c 数据也是一种供许多用户共享的
  • Linux的安装、目录结构介绍,以及Xshell5远程连接

    一 Linux 介绍 1 Linux课程的内容介绍 2 Linux的应用领域 2 1 个人桌面应用领域 此领域是传统 linux应用最薄弱的环节 xff0c 传统 linux由于界面简单 操作复杂 应用软件少的缺点 xff0c 一直被 wi
  • vim编辑器、用户管理常见命令

    Linux的安装 目录结构介绍 xff0c 以及shell5 远程连接 xff1a https blog csdn net weixin 45606067 article details 107834549 一 vi和 vim编辑器 1 v
  • Linux最全命令总结【有代码演示,没有之一】

    文章目录 一 实用指令1 指定运行级别2 切换到指定运行级别的指令3 帮助指令3 1 介绍3 2 man获得帮助信息3 3 help指令3 4 当一个指令不熟悉如何学习的建议 4 文件目录类4 1pwd指令4 2 ls指令4 3 cd指令4
  • Linux中的任务调度、磁盘分区与挂载、网络配置、进程管理、RPM和YUM

    文章目录 一 crond任务调度1 概述2 基本语法3 快速入门任务的要求步骤如下参数细节说明 4 任务调度的几个应用实例案例1案例 2案例 3 5 crond相关指令 二 Linux磁盘分区 挂载1 分区基础知识分区的方式windows下
  • Shell编程

    一 Shell编程 1 为什么要学习 Shell编程 1 xff09 Linux运维工程师在进行服务器集群管理时 xff0c 需要编写 Shell程序来进行服务器管理 2 xff09 对于 JavaEE和 Python程序员来说 xff0c
  • github上开源模板、开源项目【总结全面,值得一看】

    给大家分享一些 github 码云 上开源学习网站 以及对于后端程序员来说前端页面模板是很发愁的 xff0c 这里供大家写项目的时候用 希望这篇文章对大家的学习有帮助 3个快速开发平台 1 Jeecg boot 前端采用阿里ant desi
  • Redis在Linux中详细安装、Nosql概述

    一 NoSql入门和概述 1 入门概述 1 互联网时代背景下 xff0c 为什么用nosql xff1f 1 单机Mysql的美好时代 一个网站的访问量一般都不大 xff0c 用单个数据库完全可以轻松应对 在那个时候 xff0c 更多的都是
  • PyTorch:torch.max、min、argmax、argmin

    目录 1 torch max 2 torch argmax 3 torch min 4 torch argmin 1 torch max 函数定义 xff1a torch max input dim max 61 None max indi
  • HTML 的嵌套规则

    标签是文本标签 xff0c 一般嵌套用文本 1 a标签最好不要嵌套块级元素 xff0c 可以嵌套内联元素 xff0c 但是不能嵌套a标签和input之类的标签 能嵌套的标签像 等等 2 ul和ol的子元素不能是别的元素只能是li xff0c
  • Redis数据类型【详解有演示】

    Redis在Linux中详细安装 Nosql概述 xff1a https blog csdn net weixin 45606067 article details 107904512 三 Redis数据类型 1 Redis的五大数据类型
  • Redis持久化RDB和AOF、事务管理

    详解配置文件redis conf 常用的配置 xff1a https blog csdn net weixin 45606067 article details 107917743 五 Redis的持久化 1 RDB xff08 Redis
  • Redis主从复制、哨兵模式、Java客户端使用redis

    Redis持久化RDB和AOF 事务管理 xff1a https blog csdn net weixin 45606067 article details 107904567 七 Redis的发布订阅 1 是什么 进程间的一种消息通信模式
  • 详解配置文件redis.conf 常用的配置

    Redis数据类型 详解有演示 xff1a https blog csdn net weixin 45606067 article details 107904540 四 解析配置文件redis conf 1 他在哪 默认设置地址 为什么我
  • Redis 配置文件redis.conf详细解释

    Redis 配置文件示例 注意单位 当需要配置内存大小时 可能需要指定像1k 5GB 4M等常见格式 1k 61 gt 1000 bytes 1kb 61 gt 1024 bytes 1m 61 gt 1000000 bytes 1mb 6
  • MyBatisPlus(一)概述介绍

    一 概述 需要的基础 xff1a 把MyBatis Spring SpringMVC学习了 为什么要学习它呢 xff1f MyBatisPlus 可以节省我们大量工作时间 xff0c 所有的CRUD 代码它都可以自动化完成 比如 xff1a
  • 为什么要搭建自己的博客

    为什么要搭建自己的博客 xff1f 很多小伙伴起初和我有一样的疑惑 搭建博客的原因如下 现在市面上的博客很多 xff0c 比如如CSDN xff0c 博客园 xff0c 简书等平台 xff0c 可以直接在上面发表 xff0c 用户交互做的好
  • 为什么要写博客

    为什么要写博客 xff1f 我相信很多小伙伴和我有一样的疑惑 最近我也常和身边的朋友说写写博客做总结 xff0c 因为有的时候面试官遇到技术还不错的面试者会问你有没有博客 xff0c 如果有的话会在面试的时候额外加分 据我观察几乎每一个程序
  • hexo搭建博客【详细步骤】适合初学者

    为什么要搭建自己的博客 xff1a https blog csdn net weixin 45606067 article details 107966915 下面说一下如何从零开始上手搭建博客 Hexo搭建博客步骤 xff1a 搭建博客需