搭建个人博客(Hexo框架)

从零搭建一个属于自己的私人博客

准备工作

我们需要下载搭建博客的一些工具。
1.nodejs
选择左边建议大多数用户下载的版本
2.Git
点击右边电脑屏幕上的Download之后选择符合自己系统的版本进行下载

  • 由于安装过程十分简单在这里就不进行赘述了,全程点击下一步即可,但是要知道自己安装的位置方便我们接下来使用。

接下来开始搭建

1.首先以管理员身份运行命令提示符(为了避免踩坑全程使用管理员身份运行命令提示符)

在这里插入图片描述

2.更换镜像源

// 将镜像源替换成淘宝的镜像源
npm instal -g cnpm --registry=https://registry.npm.taobao.org

更换成淘宝的镜像源是为了提高下载速度
在这里插入图片描述
这样就表示更换完成了

3.安装Hexo框架

// 安装Hexo框架
cnpm install -g hexo-cli

在这里插入图片描述
这样就表示我们的Hexo框架安装完成
输入hexo -v可以进行检验

4.创建文件夹

// 创建一个名为blog的文件夹
mkdir blog
// 进入文件夹
cd blog

在这里插入图片描述
如果直接输入mkdir blog会将文件夹创建在默认路径,可以用我图上的方法更改路径。也可以在自己喜欢的地方创建好文件夹输入cd+文件夹的完整路径打开文件夹。

5.初始化博客

// 初始化博客
hexo init

在这里插入图片描述
这里报错的小伙伴想一想git有没有安装,如果没有赶紧去官网安装!

6.成功见到自己的博客

//得到网址 http://localhost:4000
hexo s

在这里插入图片描述
在浏览器输入网址你就可以第一次见到自己的博客界面了
在这里插入图片描述
先别急着开心,还没有完活。

7.将博客部署到远端

这里介绍的方法是将博客部署到Github上,所以第一步你必须得注册一个GitHub账号。
登录之后点击绿色的按钮创建一个新的仓库。
在这里插入图片描述
在这里插入图片描述
填好信息后点击下面绿色的按钮创建即可。
(用户名必须要和前面一致,否则会404哦)

8.安装Git部署的插件

//安装插件
cnpm install --save hexo-deployer-git


这里不能输入的童鞋,不是你电脑卡了,你应该先Ctrl+C然后输入y退出上一条指令才可以继续操作。

9.设置文件

找到你创建的blog文件夹,双击打开
在这里插入图片描述
找到这个文件,右键→打开方式→记事本
拉到最底端按照下图填写信息
在这里插入图片描述

deploy:
  type: 'git'
  repo: 这个地方填写你在Github上获得的链接
  branch: master

这里有一个坑请大家注意,每个冒号后面都有一个空格,切记!!!(deploy那个冒号后面除外)
在这里插入图片描述
将网址复制,放到repo: 后面,点击退出保存。(千万别忘了冒号后的空格)

10.部署到Github仓库中

回到命令提示符
输入hexo d

//将文件部署到Github的仓库中
hexo d

在这里插入图片描述
这时候你的Github仓库出现文件就说明你已经成功部署了,在任意一台设备输入你的网址就可登录你的博客了。在这里插入图片描述
网址就是你在第七步你自己手打的那个网址哦
(昵称.github.io)
到这里可能会有小伙伴报错,报错的小伙伴继续往下看。


第十步报错的小伙伴请看

由于你是第一次用Git所以你需要告诉它你是谁
找到你刚才下载的git文件夹(实在是找不到的可以去开始菜单找到这个文件)

1.打开git-bash

在这里插入图片描述

//在XXX处填写自己的用户名
git config --global user.name "XXX"
//在XXX处填写自己的邮箱
git config --global user.email "XXX@XXX"

在这里插入图片描述
这部操作完成之后再进行第十步就可以了。


以上就是全部内容,如果有写的不对的地方欢迎指出,我会在核实后进行更改。

如果反响不错的话有可能会更新下一期。

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值