首先说明我的windows版本是windows 10,64位操作系统。非常抱歉,在开始搭建的时候没有准备写这篇博客,所以有些没有图片记录。
环境准备
安装配置git
git下载地址 ,在下载的时候遇到突然暂停的情况,我重试了几次终于成功了。如果你也遇到类似问题,多尝试几次,如果实在不行,,,找其他解决方案吧;
下载完成直接点next即可安装成功。安装成功后可以通过系统命令行输入git,命令行一定要用管理员身份打开,如果显示git的若干信息,则表示安装成功;
下面就到了环境配置了,重点是配置用户名和邮箱,在此之前需要在github上注册好一个账号。如果你在电脑端遇到网络不流畅,注册不成功等问题,不妨试试在手机端的chorme浏览器进行操作。现在进行环境配置,点击桌面开始图标,找到Git Bash,点击之后出现命令行,输入:
1 | // 配置用户名 |
安装nodejs
hexo是需要nodejs来支持的,nodejs下载地址下载第一个LTS长期支持版,每一步点击继续便可安装成功,安装包安装完成后会有两个组件,一个是nodejs本身,一个是npm;
打开系统命令行,找到npm的根目录,比如我的就是C:\Users\Program Files,不过如果你的路径已经在系统的Path中,直接输入node -v,npm -v查看node和npm的版本信息(再次提醒:命令行一定要用管理员身份打开),能够看到版本信息,说明nodejs的安装就完成了。
安装hexo博客框架
- 需要借助npm包管理器进行安装
但是国内的镜像源速度太慢,先通过npm来安装一个cnpm(淘宝的源),在命令行输入npm install -g cnpm –registry=http://registry.npm.taobao.org,这里也没有能留下图片,若是成功应该是能看出来的,它会显示花了多少秒。值得一提的是我安装成功后一直无法查看cnpm的版本,最后找到原因是因为没有将cnpm下载到的路径(显示出来的成功信息中可以看出来)放进系统的Path中。这里简述一下在系统变量path下添加路径,右键此电脑(我的电脑),选择属性…
选择编辑后,添加需要的路径即可。然后命令行输入cnpm -v查看cnpm的版本信息
- 利用cnpm安装hexo框架,在命令行输入cnpm install -g hexo-cli
出现以上内容,说明安装成功。此时可以查看hexo的版本(hexo -v),验证一下安装是否成功。
只要你安装成功,便会出现以上内容。
使用hexo搭建博客
- 在自己想要的位置建立一个空的文件夹,如我就在C:\Users\Lenovo路径下建立了一个名为HexoBlog的文件夹
建立成功后,你会在该路径下看到该文件夹。所以如果搭建博客过程中,发生什么错误,可以直接将该文件夹删除,大不了从头来过。再进入该文件夹目录下(cd HexoBlog\),利用hexo生成博客(hexo init)
…生成成功会有提示语:Start blogging with Hexo! 然后启动博客,命令行输入hexo s
它提示此时可以再本地4000端口打开,在浏览器中输入localhost:4000,发现博客已经有了,并且默认创建了一篇名为Hello World的文章。这里简单说一下如何新建一篇博文,命令行输入hexo new “博文的标题”,在已经建立的文章目录下用文本编辑器打开直接在里面写博客,然后#返回blog目录,hexo clean #清理,hexo g #生成,hexo s便可以在4000端口查看。
- 将博客部署到github上
首先登录自己的github账号,建立一个github仓库,github仓库命令必须要符合特定要求:username.github.io(username是你自己的用户名)
然后回到命令行,在自己创建的博客目录下安装git部署插件,输入cnpm install –save hexo-deployer-git
命令行输入dir可以查看文件清单
_config.yml是重要的配置文件,这里用notepad打开(也可以用其他的方式打开)。
照上图的红框内添加相应设置(第二个设置为你自己的仓库地址),修改后保存关闭即可。下面部署到github仓库里,命令行输入hexo d,部署完毕后在浏览器输入你仓库的地址username.github.io便可查看博客。部署成功后,输入地址时:这里我又出现了一个小插曲,出现了404错误
一开始以为是网络的问题,刷新了多次,还是不行。最后重新在命令行输入hexo d,再次输入地址,发现出现了一个小提示,意思为是否允许什么操作(第一次也出现了只是被我忽略了),点击允许,便出现
这是刷新界面便可以看到博客了。至此,大功告成!!!