位置: IT常识 - 正文

【hexo博客搭建】本地搭建hexo博客(上)(github+hexo搭建博客)

编辑:rootadmin
前言 本篇文章会从本地(Windows 10)搭建-主题更换-部署阿里云详细步骤,如果在搭建过程中,遇到问题,可以通过博客页脚下的QQ联系我,或者在下面评论留言 一.本地搭建 1.安装前置 1.1安装git 在git官网下载最新版本的git即可,因为本地是Windows所以下载Windows版本即可 ... 前言

推荐整理分享【hexo博客搭建】本地搭建hexo博客(上)(github+hexo搭建博客),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:github+hexo搭建博客,hexo写博客教程,博客 搭建,hexo搭建教程,hexo搭建个人博客github,hexo搭建个人博客的详细步骤,hexo搭建个人博客的详细步骤,hexo+github个人博客搭建,内容如对您有帮助,希望把文章链接给更多的朋友!

本篇文章会从本地(Windows 10)搭建-主题更换-部署阿里云详细步骤,如果在搭建过程中,遇到问题,可以通过博客页脚下的QQ联系我,或者在下面评论留言

一.本地搭建1.安装前置1.1安装git

在git官网下载最新版本的git即可,因为本地是Windows所以下载Windows版本即可,如下图所示,如果你是x64版本的电脑就下载红色箭头所指的版本,如果你是x32的就下载x32版本的。

下载完毕安装包之后全部next下一步即可

1.2安装node.js

安装hexo博客需要nodejs的支持,需要去nodejs官网下载,下载LTS长期支持版本即可,如下图我这里的版本是16.13.2LTS

下载完毕之后,直接按照自己需求设置即可,或者直接全部下一步,安装完毕之后,检测安装成功输入如下命令,就可以查看node版本,然后里面还带有npm包管理器也是如下命令查看版本

Windows的建议是,使用cmd用管理员的方式启动使用windows键 + q输入cmd,鼠标右键以管理员的方式启动

node查看版本

node -v

npm查看版本

npm -v

如下图所示,显示nod版本为v16. 13 .2,npm版本为8. 1. 2

1.3npm换淘宝源

换淘宝源的原因是npm在国外下载速度很卡,淘宝源是国内的就不卡,使用npm下载cnpm来实现换源。

npm下载cnpm命令如下

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

输入这个命令之后,如下图,第一个红色箭头是安装命令,安装可能会稍微有点久,第二个红色箭头是检查是否安装成功,如果和我显示的一样,没有ERR的报错那么就是安装成功了。

1.4使用cnpm安装hexo博客框架

到这里已经完全安装完毕前置,就可以正式开始安装hexo博客框架,输入如下命令来安装hexo博客框架。

安装博客框架命令

cnpm install -g hexo-cli

输入完如上命令之后如下图,第一个红色箭头是上面的安装博客框架命令,第二个红色箭头是检查是否安装成功,如果你和我一样,那么就是安装成功了。

2.生成hexo博客2.1准备文件夹

到这里就能真正的安装hexo博客了,首先需要准备一个文件夹比如我这里准备的是blog文件夹来放我的hexo博客,输入命令如下。

准备blog文件夹

cd ..cd ..md blogcd blog

如下图所示按照从上往下的顺序,第一个箭头是回到上级目录,第二个箭头也是回到上级目录,第三个箭头是创建blog文件夹第四个箭头是进入blog文件夹(是不是写的太详细,废话太多了?)

上图是因为我使用的是虚拟机操作,只有一个C盘,所以只能在C盘下操作,这里我选择的是在C盘根目录下面创建blog文件,如果你是真实机,电脑里面应该有D盘F盘等等...什么盘,如果你要在其他盘创建可以输入如下命令

其他盘创建文件夹命令

> 盘符: #比如 D:> md `你要创建的文件夹` #比如 md blog> cd `你创建的文件夹` #比如 cd blog2.2生成hexo博客文件【hexo博客搭建】本地搭建hexo博客(上)(github+hexo搭建博客)

在上面操作的blog文件目录下操作,cmd最好是管理员的方式运行,输入如下命令即可在blog文件夹下面生成hexo博客文件。

生成hexo博客文件

hexo init

因为各种原因,没有在C盘操作了,比如权限问题,下面我都是在虚拟机的E盘操作

然后我遇到了一个问题在这里记录一下,如果你在这个步骤和我遇到了一样的问题也可以参考我的解决办法。如下图报错。

解决办法是找到nodejs的安装目录,右键属性,点击安全,设置users用户完全控制权限

输入完成生成命令之后,可以在生成的目录下面看见这些文件,如下图,后门做博客全部都是基于如下图的文件来修修改改

2.3启动hexo博客

现在什么都做完了,就差启动了,输入如下命令即可启动,前提是必须是在你生成hexo博客的文件夹下面输入如下命令

启动hexo博客

hexo s

输入完成这个命令之后你应该能看见如下图所示的样子

然后就可以根据地址到浏览器去访问,http://localhost:4000/如下图,成功画面。

我就在这里简单说下hexo的命令用法

启动服务

hexo s

删除缓存

hexo clean

重构文件

hexo g

部署到远程站点

hexo d

在这个页面上面,也详细说明了,怎么创建文章,启动服务,到此,一个基础的hexo博客就已经搭建完毕。

二.更换主题

官方给的主题不太好看怎么办,换主题呗!这里我以Matery主题来做演示,当然你现在看见的这个博客就是用Matery主题来修改的。

1.下载主题

Matery官方文档当然你也可以去官方文档查看,里面有如何修改,配置,当然大多数还是需要自己去修改。

在你的hexo目录下面有一个themes文件夹,cd进去,然后下载matery主题,命令如下

安装matery主题

git clone https://github.com/blinkfox/hexo-theme-matery.git

如下图,如果你和我一样那么就是下载成功了,从上往下,我们先看第二个箭头,第二个箭头是安装matery主题命令,然后下载完毕之后,把themes文件夹里面的主题名字改为matery原名是hexo-theme-matery,这样的好处是方便操作

1.1安装主题

下载完毕之后还需要做配置文件的修改才能生效,首先我们打开hexo博客目录下的_config.yml文件,如下图,从左往右,打开第一个红色箭头所指的_config.yml文件然后,右边的红色箭头是打开文件过后的样子,找到底部theme选项,然后把原本的值修改成matery

如下图查看效果,发现就变好康了很多?,这里查看的时候,先ctrl+c停止运行,然后输入hexo clean清理缓存,在然后输入hexo g重构,最后输入hexo s运行服务即可

下一篇文章将是把本地博客部署到阿里云服务器上面

本文链接地址:https://www.jiuchutong.com/zhishi/313208.html 转载请保留说明!

上一篇:DEDECMS技巧:网站评论QQ邮箱实时接收(dedecmsv6)

下一篇:24张图攻克border-image

  • 微信视频号卖货需要什么条件(微信视频号卖货怎么操作)

  • 荣耀30防水防尘级别是多少(荣耀防水防尘手机)

  • mac风扇声音突然变大(mac风扇声音突然变大然后自动关机)

  • 惠普2621打印机加墨后显示没墨(惠普2621打印机怎么连接手机)

  • ipad时间限额怎么取消(ipad时间限额怎么设置不能忽略)

  • iphone腾讯会议没有共享屏幕(iphone腾讯会议没有微信登录)

  • 没wifi怎么更新ios(没wifi怎么更新游戏)

  • 苹果7p锁屏键坏了怎么开机(苹果7plus锁屏键坏了怎么办)

  • 初始化失败什么意思(初始化失败怎么回事)

  • 优酷在电视上对应哪个(优酷电视版看电视功能)

  • 什么是京东自营产品(什么是京东自营商品京东卡怎么用)

  • ppt母版怎么应用到全部页(ppt母版怎么应用到不同页面)

  • 努比亚z20有侧滑返回手势操作吗(努比亚x侧边返回)

  • 什么是单模5g(什么是单模流量包?)

  • 苹果11震动怎么调(苹果11震动怎么开)

  • 微信开启横屏模式有什么用(微信开启横屏模式没用)

  • 荣耀20怎么清理后台(荣耀20怎么清理喇叭灰尘)

  • 4gr是什么意思(4GR是什么意思)

  • 卖家旺旺号在哪里看(淘宝卖家的旺旺号在哪)

  • 笔记本屏幕清洁与保护的注意事项(笔记本屏幕清洁剂推荐)

  • 若依(ruoyi)字典管理插件实现思路探究(若依名字的含义是什么意思)

  • 如何使用Chrome直接编辑前端代码(chrome使用教程)

  • phpcms后台登录页面在哪?(phpcms官网打不开)

  • Dedecms 自定义表单提交后自动发送表单数据到指定邮箱的思路(dedecms使用教程)

  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设 电脑维修 湖南楚通运网络