既然我已经搭建了个人博客,就想要把方法也分享给我的朋友们,让朋友们也能搭建一个自己的博客(提升逼格)。不多说,下面就是教程。
基础需求
联网的电脑一台,以下教程仅以Windows操作系统做示范
GitHub账号一个,如果没有账号可前往GitHub官网免费注册
域名一个(也可以不用), 可前往阿里云进行域名注册
环境搭建
NodeJs 的安装
打开NodeJs官网后
下载自己对应平台的NodeJs,进行安装,安装完成后打开命令提示符或者终端,输入
如果输出NodeJs的版本号,参见下图node -v
说明安装NodeJs成功。
Hexo的安装及博客搭建
打开命令行,确保电脑接入网络,输入
等待一两分钟npm install -g hexo-cli
如图安装完成后,再输入
cd desktop
把命令提示符的工作目录设置到桌面上,再输入
出现如图hexo init myblog
说明初始化成功,可以见到桌面上多了一个名为myblog的文件夹
再在命令行输入
cd myblog
hexo generate
hexo server
GitHub仓库创建
首先,你需要一个GitHub的账号,如果没有账号可以自己注册,此处省略注册教程,打开GitHub官网,登陆账号,进入页面后点击
例如我的用户名是Zeng1999,就输入你的GitHub用户名.github.io
Git的安装及配置
Git是一个开源的分布式版本控制系统,我们可以使用Git将网站同步到GitHub上。
可到Git官网进行下载和安装,这里不再赘述。
安装完成后,在桌面单击右键
git config --global user.name 你的GitHub用户名
git config --global user.email 你的GitHub注册邮箱
生成密钥文件:
ssh-keygen -t rsa -C 你的GitHub注册邮箱
提示输入保存目录,回车使用默认目录即可
提示输入密码短语,输完后回车
提示再次输入密码短语,输入相同的密码后回车
打开GitHub,点击自己头像-settings
添加完成后再打开Git Bash,输入
如果出现ssh git@github.com
则表明密钥可用,能连接上GitHub了。
外网部署
找到之前在桌面上生成的文件夹myblog
打开桌面上的myblog文件夹,按住shift单击右键,点击在此处打开power shell窗口 或者 在此处打开命令提示符,再打开的窗口输入
npm install hexo-deployer-git --save
hexo clean
hexo generate
hexo deploy
出现如图提示,部署到GitHub成功
激动人心的时刻到了,打开浏览器打开网址 你的GitHub用户名.github.io
出现博客主页,部署完成,可从外网访问你的博客了
使用个性域名
首先,你需要有一个域名,可以到阿里云进行域名注册,具体操作就不演示了,我已经有了一个域名,下面演示如何通过个性域名访问到个人博客。
打开GitHub,打开博客的仓库,点击设置
打开MyBlog文件夹,打开其中的source文件夹,新建一个文本文档,重命名为CNAME(无后缀名)
hexo generate
hexo deploy
打开浏览器,访问你的个人博客吧!