基于MAC和Hexo搭建Github个人网站
本篇博客是通过Github搭建个人博客,采取Hexo的主题,其MAC电脑上搭建详细步骤如下所示。
一、搭建所需环境
1.Github账号
2.下载安装node.js,会默认包含npm,并通过终端命令行node -v
和 npm -v
查看安装是否成功,如下图所示;
二、安装Hexo
1.打开终端,输入如下命令,并获得如下图2所示结果,说明Hexo安装过程完成。
npm install -g hexo-cli
2.再次终端输入命令,出现下图3结果说明Hexo安装成功;
hexo -v
三、本地建站
1.在MAC电脑根目录下新建文件夹donghuifeng,打开终端,进入新建文件夹目录,输入如下命令,结果如下图所示说明初始化成功,并在当前文件夹生成新文件夹blog;
hexo init blog
2.命令行进入blog文件夹,输入如下命令,完成npm安装,结果如下图所示;
npm install
3.开启服务器,输入如下命令,出现下图结果打开浏览器,输入http://localhost:4000 即可浏览本地创建完成的网站效果;
hexo server
四、本地网站上传Github
1.Github上创建新仓库,并命名为自定义字符串.github.io
,同时将本仓库链接地址复制
2.打开本地之前生成的blog文件夹里根目录下的_config.yml
文件,替换部署字段的相应内容,如下图所示;
3.执行上传部署操作
打开终端,同样进入blog文件夹目录,输入如下命令生成静文件,结果如下图所示;
hexo generate
再次输入命令,完成部署网站,但是出现如下图所示的问题
hexo deploy
解决方法如下所示
在blog上一级文件夹下,即新加文件夹donghuifeng下,输入如下所示命令,得到如下图所示结果;
npm install --save hexo-deployer-git
再次在blog文件夹下输入部署命令hexo deploy
,完成部署操作,如下图所示;
五、自定义域名绑定
打开并登陆阿里云,在自定义域名下完成解析设置,如下图所示;
域名解析完成后打开浏览器输入相应域名,既可以浏览自己搭建好的网站。