正常都应该讲一讲为什么搭建博客,不过既然您能看见这篇文章,就说明你想搭建一个自己的博客,无论自己记录自己的东西,或是为了显得高大上。那就不废话了,进入正题。
其实教大家搭建博客的文章很多,讲的都不错,本来不打算写的,不过既然搭建了,正好刚学会就换了个电脑,还需从头搭建一边,就顺便写个记录下,权当第一篇博客了。正式进入正题,哈哈哈哈哈!!!
我的博客是基于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,选择左边的就好了,然后一路安装。
安装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 后再试,问题解决
再次感谢吴小龙同学
网友评论