搭建个人博客 Hexo 完整过程


https://xiaomeiqiumei.github.io/

一、准备工具

1.Git

Windows需要下载Git https://git-scm.com/downloads
配置环境变量
右键我的电脑->属性->高级系统设置搭建个人博客 Hexo 完整过程
搭建个人博客 Hexo 完整过程
双击系统变量下的path搭建个人博客 Hexo 完整过程
搭建个人博客 Hexo 完整过程
git环境变量就配好啦。

2.nodejs

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

二、搭建过程

搭建个人博客 Hexo 完整过程
输入node -v,查看所装node版本。输入npm -v,查看包管理先项。搭建个人博客 Hexo 完整过程
hexo基于node,用npm安装cnpm,指向淘宝的镜像源,避免后面过程中出现失败或者安装缓慢的问题。输入以下命令:
npm install -g cnpm --registry=http://registry.npm.taobao.org
搭建个人博客 Hexo 完整过程
接着输入以下命令安装hexo博客: cnpm install -g hexo-cli
安装完成后输入hexo -v查看hexo版本。
搭建个人博客 Hexo 完整过程
然后输入mkdir D:\blog建立一个文件夹(我自己建在了D盘,名为blog),后续创建博客过程所有的文件都在这个文件夹里面。
在命令行中进入这个文件夹目录下,输入d: 回车后即可进入D盘,输入cd blog进入blog目录下。
搭建个人博客 Hexo 完整过程
然后输入hexo init,初始化博客。
搭建个人博客 Hexo 完整过程
初始化后可以在blog目录下看到生成的hexo相关文件。
搭建个人博客 Hexo 完整过程
输入hexo s命令启动hexo,可以看到在本地localhost:4000端口启动。
搭建个人博客 Hexo 完整过程
在本地浏览器访问http://localhost:4000即可看到默认的hexo博客界面,默认创建了一篇名为Hello World 的文章。
搭建个人博客 Hexo 完整过程

三、上传博客

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

四、部署到GitHub

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

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

五、更改主题

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