安装前需要的环境
- 通过homebrew安装
brew -v #检查是否安装homebrew#
如果顺利显示版本号,说明homebrew已经安装。否则,输入以下命令进行安装:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
等待一段时间后,可使用 brew -v 再次检查是否安装成功。
- 接下来,输入命令安装Node.js
brew link node
brew uninstall node
brew install node
Hexo 开始安装
- 使用npm完成hexo 安装
npm install -g hexo-cli
- 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 初始化一个站点时,里面会有一篇默认的博文。
- Hexo 配置
Hexo配置主要在_config.yml文件中,下面是一些简单的配置,更具体详细的配置可以查看Hexo官方文档.
paramate | description |
---|---|
title | 网站标题 |
subtitle | 网站副标题 |
description | 网站描述 |
author | 您的名字 |
language | 网站使用的语言 |
timezone | 网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说:America/New_York, Japan, 和 UTC 。 |
- 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的服务器进行部署。
- 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主题安装
- 先 clone 到本地
cd your-hexo-site #cd到自己的站点#
git clone https://github.com/iissnan/hexo-theme-next themes/next
- 更换Next主题:在站点根目录下的配置文件 _config.yml 中,找到 theme字段,并将其值更改为 next。
theme: next #冒号后有空格#
- 验证。控制台进入站点目录下输入命令:
hexo s --debug
作者:Gantamade
来源:CSDN
原文:https://blog.csdn.net/qq_34290780/article/details/78230706
版权声明:本文为博主原创文章,转载请附上博文链接!