首页 > 其他分享 >用Hexo搭建个人博客

用Hexo搭建个人博客

时间:2022-10-05 17:01:14浏览次数:78  
标签:npm Hexo hexo 博客 Gitee 输入 搭建

用Hexo搭建个人博客


一、环境配置

1.Node.js(Node官网下载

下载完成后,根据提示进行安装。

安装完成后,需要配置环境变量(高级系统设置 => 环境变量 => 系统变量(找到Path,添加node安装路径))

打开cmd,输入node -vnpm -v查看是否安装及配置成功。

image-20220919220625934

二、博客搭建

1.Hexo下载

新建博客目录,在cmd中进入该目录,输入npm install hexo-cli -g安装Hexo。

image-20220919221115369

如果npm不是最新版本,可能会提示下面的信息,输入npm install -g [email protected]即可。

image-20220919221237260

2.Hexo初始化

输入hexo init blog 进行初始化。

image-20220919221639031

初始化完成后,文件夹下就出现很多目录结构了。

image-20220919221822151

3.启动本地博客

cmd先进入blog目录,然后输入hexo s -g启动,本地博客就搭建完成了。

image-20220919221946864

image-20220919222052616

4.通过命令行生成博客

cmd中可以通过Ctrl+C关闭上次服务连接,然后输入hexo new "My-Blog"创建新的博客。

image-20220919223955265

进入\source_posts\,可以看到两个Typora文件(一款 Markdown 编辑器和阅读器),编写自己的文章,保存。

image-20220919224501395

在cmd中先输入hexo clean清除缓存,再输入hexo generate生成文件。

image-20220919224923272

重新启动服务,这时就会出现自己写的第一篇博客。

image-20220919225218535

三、实现远程访问博客

1.注意事项

在使用Gitee或Github的时候,通常会使用SSH密钥,一方面保证安全,另一方面推送时可以减少输入账户密码的步骤。具体的实现方式可以百度。

在选择Gitee和Github作为仓库时,本人推荐Gitee,毕竟是国内服务器,在Github上部署有时访问速度不是很流畅。

2.部署远程博客(Gitee)

在Gitee上创建新的仓库(注意: 仓库名称应该和用户名相同)

image-20220921215805519

image-20220921221437146

之后给Hexo项目安装git依赖,输入npm install --save hexo-deployer-git

image-20220921221523545

打开目录下的config文件,拉到最下面,修改Git配置,将页面上复制的链接地址拷贝过来。

image-20220921221727297

image-20220921222242995

准备就绪后,就可以将Hexo项目推送到gitee上去了。输入hexo d,中途会出现账户登录或密钥验证,根据自己情况输入即可。

image-20220921223731666

3.登录远程博客地址

之前创建新项目设置的路径就是我们博客的访问地址(https://paopao.gitee.io/),但本人访问时遇到了404,这里介绍一下404问题的解决方案。

1)在Github或Gitee上创建的项目名与路径不一致
2)配置config文件有误,仔细检查
3)Gitee需要开启静态博客支持,未实名的需要实名,可能会审核1-2天。

image-20220921230141076


## hexo g || hexo generate      写好的博客,可以生成到public中
## hexo clean 删除public文件夹删除
## hexo s || hexo server 启动服务
## hexo d || hexo deploy 在本地生成.deploy_git文件夹,并将编译后的文件上传至GitHub或Gitee

 

最后

到这里,基本就实现了Hexo搭建自己的个人博客,感兴趣的小伙伴,快来搭建吧~

希望家人们点个赞,谢谢!!

标签:npm,Hexo,hexo,博客,Gitee,输入,搭建
From: https://www.cnblogs.com/codepaopao/p/16755838.html

相关文章

  • 搭建appium自动化测试环境
    1.Java环境配置2.安装appium3.安装模拟器夜神模拟器,雷电模拟器启动模拟器 4.下载android-sdk-windows,放到任意盘,并配置环境变量     ......
  • 【软件学习】如何将Typora中的本地图片上传到博客
    1.配置方法下载软件:点击程序输入博客信息进行配置:进行偏好设置:2.配置中出现的一些问题解决方法:......
  • 基于Kafka+ELK搭建海量日志平台
    早在传统的单体应用时代,查看日志大都通过SSH客户端登服务器去看,使用较多的命令就是less或者tail。如果服务部署了好几台,就要分别登录到这几台机器上看,等到了分布式和微服......
  • RAID磁盘阵列的原理与搭建
    一、RAID概念1、概述   磁盘阵列(RedundantArraysofIndependentDisks,RAID),有“独立磁盘构成的具有冗余能力的阵列”之意。磁盘阵列是由很多价格较便宜的磁盘,以硬件......
  • 【vue3+ts后台管理】项目搭建
    文章目录​​项目创建​​​​引入element-plus​​​​完整引入​​​​按需引入​​​​【vue3+typescript】Vue3+TS电商后台系统项目实战​​项目创建首先执行​​vuecr......
  • jmeter到influxdb到grafana搭建
    下载influxdbwgethttps://dl.influxdata.com/influxdb/releases/influxdb-1.7.1.x86_64.rpm安装influxdbyumlocalinstallinfluxdb-1.7.1.x86_64.rpm-y启动infl......
  • 使用 HammerDB 对 Citus 和 Postgres 进行 Benchmark,每分钟200万新订单处理测试(官方
    在为Postgres运行性能基准测试时,主要建议是:“自动化!”如果您正在测量数据库性能,您可能不得不一遍又一遍地运行相同的基准测试。要么是因为你想要一个稍微不同的配置,要......
  • 1,ldap搭建
    1,关闭selinux2,如果修改了hostname,相应的要修改hosts,不然执行命令会卡住,很长时间才会执行完成3,安装软件yuminstall-yopenldapopenldap-clientsopenldap-serversvi......
  • 用PyTorch搭建LeNet-5手写识别
    用PyTorch搭建LeNet-5手写识别首先申明,这篇博客用于记录本人看完LeNet-5论文,并对其中的算法进行复现的记录,可以看成是学习笔记在此推荐一个b站up的视频从0开始撸代码--手......
  • 05_QT_Mac开发环境搭建
    在不同的Mac环境下,实践出来的效果可能跟本教程会有所差异。我的Mac环境是:IntelCPU、macOSMoterey(12.4)。FFmpeg安装在Mac环境中,直接使用Homebrew安装FFmpeg即可。还......