美文网首页
基于github和hexo搭建博客----本地hexo博客搭建

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

作者: 柨柨 | 来源:发表于2017-07-31 08:27 被阅读191次

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

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

    我的博客是基于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 后再试,问题解决

    再次感谢吴小龙同学

    相关文章

      网友评论

          本文标题:基于github和hexo搭建博客----本地hexo博客搭建

          本文链接:https://www.haomeiwen.com/subject/mhiakxtx.html