搭建个人博客 Hexo 完整过程
https://xiaomeiqiumei.github.io/
一、准备工具
1.Git
Windows需要下载Git https://git-scm.com/downloads
配置环境变量
右键我的电脑->属性->高级系统设置
双击系统变量下的path
git环境变量就配好啦。
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的编辑格式,可以使用****的编辑,在****界面进入博客管理->文章管理
进入一篇文章后点击导出,接着导出为Markdown文件,导出至D:\blog\source\ _posts
在相应目录下可看到文件已导出。
然后进入命令行(管理员身份运行),继续hexo s,刷新http://localhost:4000即可看到上传的文章。
四、部署到GitHub
通过git设置**部署到GitHubhttps://blog.****.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
主题更换成功啦!