如果你非常想拥有一个完全属于自己的个人站点,本篇文章将帮助你一步一步搭建属于自己的个人网站。搭建个人站点的方式有多种多样,本篇主要介绍基于Node.js环境的使用Hexo在自己的电脑上搭建一个属于自己的网站。
安装前提
安装Hexo相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:
Node.jsGit如果你的电脑上已经安装上面的应用程序,则可以跳过这一步。
下载Node.js:
下载Git:
最后下载后的安装程序如下:
安装和普通的应用程序没区别,直接默认,一路点击下一步,下一步就OK了,两个都安装完成后win+R输入CMD打开CMD命令行窗口,分别输入node-v和git命令查看是否安装成功。
node-v显示版本号,则表示nodejs环境安装成功(版本号可能不一样,没事),如果出现不是内部或外部命令,也不是可运行的程序或批处理文件。则在安装的时候添加到环境变量出现了问题,可以手动添加到环境变量即可。
git命令也是显示版本号则表示git安装成功,如果也是显示出不是内部或外部命令,也不是可运行的程序或批处理文件,也是一样手动将其添加到环境变量即可。
如果安装成功,可以直接跳到安装Hexo那一步
这一步解决出现不是内部或外部命令,也不是可运行的程序或批处理文件的方法,出现这个问题,只需要将其命令所在的路径添加到环境变量即可,比如以添加git为例:
首先找到git的安装目录
因为我们要使用的是git命令,查看可知git命令在其安装目录的bin目录和cmd目录下都有,可根据需要选择(比如还需要bash则可以选择Bin目录,还需要git-gui则选择cmd目录,如果两个都要,则可以先复制bin目录添加完后添加cmd目录),比如复制bin目录的路径(我的为:C:\ProgramFiles\Git\bin),然后找到高级系统设置(1:控制面板-系统和安全-系统2:右击桌面计算机-点击属性这两种方法都能找到高级系统设置)
安装Hexo
当环境都安装配置成功后,则可以使用Npm安装Hexo了,如果npm安装很慢的话,可以先npminstall-gcnpm安装淘宝的npm镜像cnpm,然后使用cnpm安装hexo也可以。
1.在CMD命令窗口输入:npminstall-ghexo-cli或者cnpminstall-ghexo-cli安装hexo-cli
2.将CMD命令切换到自己的项目需要保存的目录下,使用hexoinit项目名称初始化项目,然后等待下载结束:
成功后会生成如下文件:
3.进入到项目目录里cdxtblog,使用npminstall或者cnpminstall安装相应的包
4.使用hexog生成静态文件。
5使用hexos启动我们的网站
如果显示上面的页面则已经在自己的电脑上跑起了自己的个人网站了。hexo具体的使用方法以及部署到服务器上让能连上网的其他人访问到该网站的教程将在之后的文章中介绍。