基于hexo框架的博客搭建(win10)

在win10下

一,准备阶段

1,下载Node.js
2,下载git

二,部署本地博客

创建一个文件夹,我命名为myblog。
打开cmd,进入myblog文件夹,依次执行1,2,3。
进myblog文件夹中的blog文件夹依次执行4,5。
1,

 npm config set registry https://registry.npm.taobao.org

2,

npm install hexo-cli -g

3,

hexo init blog

4,

npm install

5,

hexo server

本地部署流程
复制图片绿色框中的地址,粘贴到浏览器中,打开。可以看到:
本地博客
本地博客一般做测试用。下面我们将博客部署到github。

三,部署到github

1,注册一个github账号,注意要验证自己的邮箱。
2,创建一个库。
在这里插入图片描述
点击图中黄色选项,开始创建仓库。

在这里插入图片描述
点击这个绿色按钮。
在这里插入图片描述
在github创建好这个仓库后,我们打开cmd进入myblog文件夹下的blog文件夹下
打入以下代码,安装一个插件。

cnpm install --save hexo-deployer-git

显示如下:
在这里插入图片描述
之后我们打开myblog文件夹下的blog中的_config.yml文件。
显示如下:
在这里插入图片描述
找到这个模块,添加这三行的信息,注意前面有一个空格,repo是你刚才创建的仓库的地址。
设置好后,保存,退出,在myblog/blog目录下,输入命令hexo d,会将本地推送到github的仓库中。
然后我们返回我们在github创建的那个仓库,会发现里面出现了文件。
在这里插入图片描述

在这里记得设置个人的计算机和github上的公钥。

hexo三部曲:

hexo clean    //清除了你之前生成的东西

hexo generate  //生成静态文章,可以用 hexo g 缩写 

hexo deploy   //部署文章,可以用 hexo d 缩写 

四,更改hexo的主题

我们可以去hexo的官网,去挑选我们喜欢的主题。https://hexo.io/themes/
1,下载主题,不要点击图片,要点击的是图片下面的主题名字。点击图片是浏览主题效果。点击主题名字才是下载其代码文件包。
在这里插入图片描述

2,点击主题名字后,在README.md中有此主题安装使用的介绍,根据他说的做就可以了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值