美文网首页
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
版权声明:本文为博主原创文章,转载请附上博文链接!

相关文章

  • 关于npm hexo时候-bash:hexo:command n

    最近在玩hexo搭建博客,在mac系统下,node,npm,git都有安装,npm 安装hexo 的依赖包的时候,...

  • nginx快速搭建静态博客

    1.安装配置Hexo 在mac上安装Node/Npm,使用homebrew安装 安装Hexo 2.配置Hexo文件...

  • Mac安装hexo

    安装Nodejs 通过mac下命令行安装 hexo安装失败 sudo npm install --unsafe-p...

  • Mac下安装 Hexo

    安装前需要的环境 通过homebrew安装 如果顺利显示版本号,说明homebrew已经安装。否则,输入以下命令进...

  • Mac OS 下 Hexo 安装

    安装前提 安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序: Node.js Git...

  • hexo Mac 环境下安装

    使用 Mac 环境, 搭建个人博客网站 前置 : 安装 git 安装 node 安装 如果报错 . 出现权限问题...

  • Mac OS 搭建 Github Pages 个人博客

    环境 mac os , 文件路径:桌面 Hexo文件夹 配置本地 hexo 1 安装 Node.js 2 ...

  • mac+hexo+githubpage博客

    mac+hexo+githubpage博客 1、安装brew 参考:https://zhuanlan.zhihu....

  • 基于Hexo搭建个人技术博客

    title: 使用GitHub + Hexo搭建博客(Mac版) 安装环境 安装Node.js 从 Node.js...

  • Mac安装hexo

    1. 前言: Hexo是一个快速、简洁且高效的博客框架。官方文档[https://hexo.io/zh-cn/...

网友评论

      本文标题:Mac下安装 Hexo

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