hexo使用

自己也算是摸爬滚打搭建成功,然后自己再重新安装部署一遍,把完整步骤分享给大家,同时最后有一些连接,如果我的步骤不行,大家可以参考其他人的(这个有点花费时间,大家提前有个心理准备 - _-)

安装hexo

安装要求(以下为下载链接 安装步骤省略 ):

1、创建文件夹(我的是在E盘创建的Hexo)
利用 npm 命令即可安装。在文件夹空白位置点击鼠标右键,选择Git Bash
在电脑任意位置右键

2、输入命令:

1
npm install -g hexo


注意:-g是指全局安装hexo
--save是指项目独立安装hexo。

初始化Hexo与使用

1、初始化成功后生成的一些列文件

  • 在Hexo文件下,右键运行Git Bash,输入命令:
1
hexo init

2、获取主题next ,修改基础配置

其中可以在这里浏览更多主题,然后在Hexo文件夹下 Git Bash

输入命令:

1
git clone https://github.com/iissnan/hexo-theme-nextthemes/next

(next为主题名字),来获得更多主题
下载成功(如果需要更改主题,请在_cofig.yml修改theme)

在_config.yml,进行基础配置

3、本地浏览博客

分别输入 如下命令:

1
2
3
hexo g
     
hexo s

这里有更多hexo常用命令

在浏览器输入:localhost:4000 ,就可以进行访问,效果如下:

效果图

4、写文章

在E:\Hexo\source_posts文件下,新建.md文件就可以写文章

新建hexo.md文件

1
2
3
4
5
6
7
8
9
---
title: hexo使用
date: 2018-04-09 13:21:52
categories:
- 小公举
- 博客
tags:
- 小公举
---

浏览效果

部署到Github上

1、申请Github账号,(注意别忘了进行账号邮箱验证)

2、new repository

3、在_config.yml进行配置

(注意:要保存)

4、安装hexo-deployer-git自动部署发布工具

在Hexo文件夹下 Git Bash

1
npm instal lhexo-deployer-git  --save

5、发布到Github

输入如下命令:

1
2
3
4
5
6
7
清理缓存文件
hexo clean

构建及部署到github上
hexo g -d
或者
hexo d -g

第一次发布需要验证github账号
发布完成
在仓库中我们也可以看到

6、如需要验证ssh

浏览这个教程

7、测试访问

在浏览器输入:https://zhongweixiang.github.io/