搭建个人博客 Hexo 完整过程


https://xiaomeiqiumei.github.io/

一、准备工具

1.Git

参照文章:https://blog.csdn.net/weixin_44358208/article/details/106897223

2.nodejs

官网下载https://nodejs.org/en/
下载完成后安装即可。

二、搭建过程

在这里插入图片描述
输入node -v,查看所装node版本。输入npm -v,查看包管理先项。在这里插入图片描述
hexo基于node,用npm安装cnpm,指向淘宝的镜像源,避免后面过程中出现失败或者安装缓慢的问题。输入以下命令:
npm install -g cnpm --registry=http://registry.npm.taobao.org

接着输入以下命令安装hexo博客: cnpm install -g hexo-cli
安装完成后输入hexo -v查看hexo版本。
在这里插入图片描述
然后输入mkdir D:\blog建立一个文件夹(我自己建在了D盘,名为blog),后续创建博客过程所有的文件都在这个文件夹里面。
在命令行中进入这个文件夹目录下,输入d: 回车后即可进入D盘,输入cd blog进入blog目录下。
在这里插入图片描述
然后输入hexo init,初始化博客。
在这里插入图片描述
初始化后可以在blog目录下看到生成的hexo相关文件。
在这里插入图片描述
输入hexo s命令启动hexo,可以看到在本地localhost:4000端口启动。
在这里插入图片描述
在本地浏览器访问http://localhost:4000即可看到默认的hexo博客界面,默认创建了一篇名为Hello World 的文章。
在这里插入图片描述

三、上传博客

hexo支持Markdown的编辑格式,可以使用csdn的编辑,在csdn界面进入博客管理->文章管理
在这里插入图片描述
进入一篇文章后点击导出,接着导出为Markdown文件,导出至D:\blog\source\ _posts
在这里插入图片描述
在这里插入图片描述
在相应目录下可看到文件已导出。
在这里插入图片描述
然后进入命令行(管理员身份运行),继续hexo s,刷新http://localhost:4000即可看到上传的文章。
在这里插入图片描述

四、部署到GitHub

通过git设置密钥部署到GitHubhttps://blog.csdn.net/weixin_41990913/article/details/91373362(一定要做这一步否则无法成功部署到GitHub)

登录GitHub界面,点击New repository,创建新仓库。
在这里插入图片描述
用户部署个人博客的GitHub仓库名必须是xxx.github.io(xxx是你自己GitHub的用户名)。
在这里插入图片描述
命令行输入npm install hexo-deployer-git --save安装git部署插件
设置blog目录下的_config.yml文件,可以用VS Code 或者记事本打开,
在这里插入图片描述
修改如下:(冒号后一定要加空格
在这里插入图片描述
然后输入hexo g;再输入hexo d部署到远端。
最后就可以通过https://xiaomeiqiumei.github.io访问博客。

五、更改主题

输入git clone https://github.com/blinkfox/hexo-theme-matery.git themes/matery将matery主题克隆至themes目录下。
在这里插入图片描述
若出现一下错误可输入git config --global http.postBuffer 88880000
然后再克隆主题。(git克隆的项目超过缓存区最大限制)
在这里插入图片描述
下载完成后可以在themes目录下看到matery文件。
在这里插入图片描述
修改_config.yml文件更换主题,将theme后的landscape改成下载的主题名称matery,注意冒号后的空格。
在这里插入图片描述
在这里插入图片描述
然后再次部署一下,依次输入以下命令:
hexo g
hexo s
hexo d
主题更换成功啦!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值