美文网首页
Mac下安装 Hexo

Mac下安装 Hexo

作者: 开发者老岳 | 来源:发表于2018-12-28 19:14 被阅读43次

    安装前需要的环境

    1. 通过homebrew安装
    brew -v #检查是否安装homebrew#
    

    如果顺利显示版本号,说明homebrew已经安装。否则,输入以下命令进行安装:

    ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 
    

    等待一段时间后,可使用 brew -v 再次检查是否安装成功。

    1. 接下来,输入命令安装Node.js
    brew link node
    brew uninstall node
    brew install node
    

    Hexo 开始安装

    1. 使用npm完成hexo 安装
    npm install -g hexo-cli
    
    1. Hexo 建站
    hexo init <folder> #我的是blog#
    cd <folder>
    npm install
    

    新建完成后,指定文件夹的目录如下:

    ├── _config.yml
    ├── package.json
    ├── scaffolds
    ├── source
    |   ├── _drafts
    |   └── _posts
    └── themes
    

    简单介绍一下比较重要的文件

    _config.yml :网站的配置文件,可以在此配置大部分参数
    source:资源文件夹是存放用户资源的地方。除 posts 文件夹之外,开头命名为 (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。
    themes:主题文件夹,后面我们使用的next主题即会存放在此。
    _posts:存储你发表在博客上的文章,当Hexo 初始化一个站点时,里面会有一篇默认的博文。

    1. Hexo 配置
      Hexo配置主要在_config.yml文件中,下面是一些简单的配置,更具体详细的配置可以查看Hexo官方文档.
    paramate description
    title 网站标题
    subtitle 网站副标题
    description 网站描述
    author 您的名字
    language 网站使用的语言
    timezone 网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说:America/New_York, Japan, 和 UTC 。
    1. Hexo 测试
    cd <your folder>
    hexo s
    

    如果出现以下提示则成功:

    INFO  Start processing
    INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
    

    现在,进入http://localhost:4000/ 看看你的个人站点吧。但是,此时你只能在本地浏览,所以现在我们要将 这个网站部署到服务器上。而借助Github Pages正是通过GitHub的服务器进行部署。

    1. Hexo 部署到 Git 上

    安装 hexo-deployer-git

    npm install hexo-deployer-git --save
    

    修改 _config.yml 文件中的配置如下:

    deploy:
      type: git
      repo: <repository url> #你的 【你的名字】.github.io  这一项目的git地址#
      branch: master
      message: [message] #可不填写#
    

    注意:在配置所有的_config.yml文件时(包括theme中的),在所有的冒号:后边都要加一个空格,否则执行hexo命令会报错.
    <repository url> ,可以在你项目的主页上 Clone or download 复制web URL(以.git结尾).
    接下来执行以下命令:

    hexo clean
    hexo g
    hexo d
    

    若出现错误,请执行如下命令:

    npm install hexo-developer-git --save
    

    然后重复上述三条指令。

    现在,登录到你的github pages 上查看你的博客吧。直接在浏览器命令行键入 http://<你的GitHub用户名>.github.io

    =========================================================================================================================

    NEXT主题安装

    1. 先 clone 到本地
    cd your-hexo-site  #cd到自己的站点#
    git clone https://github.com/iissnan/hexo-theme-next themes/next
    
    1. 更换Next主题:在站点根目录下的配置文件 _config.yml 中,找到 theme字段,并将其值更改为 next。
    theme: next  #冒号后有空格#
    
    1. 验证。控制台进入站点目录下输入命令:
    hexo s --debug
    

    作者:Gantamade
    来源:CSDN
    原文:https://blog.csdn.net/qq_34290780/article/details/78230706
    版权声明:本文为博主原创文章,转载请附上博文链接!

    相关文章

      网友评论

          本文标题:Mac下安装 Hexo

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