基于github和hexo搭建博客----本地hexo博客搭建

正常都应该讲一讲为什么搭建博客,不过既然您能看见这篇文章,就说明你想搭建一个自己的博客,无论自己记录自己的东西,或是为了显得高大上。那就不废话了,进入正题。

其实教大家搭建博客的文章很多,讲的都不错,本来不打算写的,不过既然搭建了,正好刚学会就换了个电脑,还需从头搭建一边,就顺便写个记录下,权当第一篇博客了。正式进入正题,哈哈哈哈哈!!!

我的博客是基于github和hexo搭建的,至于为什么这么配置呢?网上这个教程很多,so...你晓得。在这里要非常感谢吴小龙同学手把手教你建github技术博客by hexo,差不多就是按照他的这个文章,搭建起来的。

第一步 环境准备

安装 Git

windows系统的:

下载 msysgit 并执行即可完成安装。

MAC:

用来将本地Hexo内容提交到Github上。Xcode自带Git,这里不再赘述。如果没有Xcode可以参考Hexo官网上的安装方法。也可以通过在这里下载https://git-scm.com/download/mac

安装Node.js

要使用hexo,需要先下载Node.js,选择左边的就好了,然后一路安装。

Node.js

安装Hexo

利用 npm 命令即可安装。

windows:

在任意位置点击鼠标右键,选择Git bash

npm install -g hexo

问题:
npm ERR! registry error parsing json 错误
可能需要设置 npm 代理,执行命令

npm config set registry http://registry.cnpmjs.org

hexo:command not found
删除刚刚安装的 npm 目录,重新执行命令:

npm install -g hexo

来安装 hexo。

mac:

终端执行如下命令:

$ sudo npm install -g hexo

输入管理员密码(Mac登录密码)即开始安装 (sudo:linux系统管理指令

注意坑一:Hexo官网上的安装命令是$ npm install -g hexo-cli
,安装时不要忘记前面加上sudo
,否则会因为权限问题报错。

初始化HEXO

windows:

安装完成后,在你喜爱的文件夹下(如 H:\hexo),执行以下指令(在 H:\hexo 内点击鼠标右键,选择 Git bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。

hexo init blog

blog是你建立的文件夹名称
安装依赖包

npm install
mac:

终端cd到一个你选定的目录,执行hexo init命令:

$ hexo init blog

blog是你建立的文件夹名称。cd到blog文件夹下,执行如下命令,安装npm:

$ npm install
本地博客就搭建好了!!!!!

执行如下命令,开启hexo服务器:

hexo generate
hexo server

此时,浏览器中打开网址http://localhost:4000,能看到如下页面

image.png

问题:
执行 hexo server 提示找不到该指令
解决办法:
在 Hexo 3.0 后 server 被单独出来了,需要安装 server,安装的命令如下:

npm install hexo -server --save

安装此 server 后再试,问题解决

再次感谢吴小龙同学

推荐阅读更多精彩内容