Hexo搭建butterfly博客---(一)环境搭建

Hexo搭建butterfly博客---(一)环境搭建

预览地址:https://blog.ffing.fun

一,安装基础软件

1.安装git

下载地址:https://git-scm.com/

https://qnimg.ffing.cn/wp-content/uploads/2023/03/image-1.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

2.安装node.js

下载地址:https://nodejs.org/zh-cn/download/

https://qnimg.ffing.cn/wp-content/uploads/2023/03/image-2.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

3.验证环境

打开终端,输入命令验证软件的安装状态

git --version
node -v
npm -v
https://qnimg.ffing.cn/wp-content/uploads/2023/03/image-3.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

二,配置git环境

配置git环境,便于推送自己的代码到远程仓库,这里以Github为例(其它gitee、gitlab都是通用操作),我博客前面的文章有关git的配置文章。

#配置全局用户名
git config --global user.name <用户名>
#配置全局邮箱
git config --global user.email <用户邮箱>
#验证配置信息
git config -l


#生成秘钥(一路回车即可,屏幕打印有pub文件路径)
ssh-keygen -t rsa -C <用户邮箱>


#将生成的pub粘贴到的github秘钥


#验证一下,上面的秘钥,使用终端连接gitee(出现Hi 你的用户名! You've successfully authenticated表示连接成功)
ssh -T git@github.com


########
注:第一次连接github或gitee需要验证用户名和密码(用户名不是你的登录账号!是你的查看个人资料的用户名)

三,安装hexo框架

配置国内加速地址

#淘宝镜像加速器
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装hexo客户端

#安装hexo客户端
npm install hexo-cli -g

创建hexo博客目录

#创建hexo博客目录
hexo init <你本地存放博客目录路径>
https://qnimg.ffing.cn/wp-content/uploads/2023/03/image-7.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

!!!进入你的博客目录!!!我的博客目录取名“ffing”

cd <你本地存放博客目录路径>

https://qnimg.ffing.cn/wp-content/uploads/2023/03/image-8.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

安装npm依赖

npm install
https://qnimg.ffing.cn/wp-content/uploads/2023/03/image-9.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0

四,测试Hexo状态

#hexo clean # 清除之前生成的静态页面
#hexo g # 重新生成静态页面
#hexo s # 启动本地服务
#hexo d # 推送到git代码库

三连

hexo cl&&hexo g&&hexo s

https://qnimg.ffing.cn/wp-content/uploads/2023/03/image-10.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0





打开http://hexo服务的IP地址:4000

注:hexo服务的ip地址,如果你不是在远程主机上搭建的,此处的IP地址”localhost”要替换为你的远程主机IP

https://qnimg.ffing.cn/wp-content/uploads/2023/03/image-11.png?imageView2/0/q/75|watermark/1/image/aHR0cHM6Ly9xbmltZy5mZmluZy5jbi9mbl9sb2dvLnBuZw==/dissolve/55/gravity/SouthEast/dx/0/dy/0
good good study, day day up!

发表评论

textsms
account_circle
email

Hexo搭建butterfly博客---(一)环境搭建
预览地址:https://blog.ffing.fun 一,安装基础软件 1.安装git 下载地址:https://git-scm.com/ 2.安装node.js 下载地址:https://nodejs.org/zh-cn/download/ …
扫描二维码继续阅读
2023-03-07