怎么使用Hexo发博客

怎么样使用Hexo发博客,以及博客的使用技巧。

第二次帮一个朋友搭建博客,快多了,只花了2个多小时就把博客简单的弄好了传送门。然后现在简单的写一个使用说明。我也来帮Hexo站站台。

这篇文章主要包括我平时是怎么使用Hexo的,以及markdown简单的一些基本语法。和最新搭建这个博客又遇到的坑。

踩坑篇

环境配置篇

在最开始搭建这个博客的时候,我还是非常的自信的,不就是在终端使用各种命令嘛。所以我叫他自己下载了markdown写作工具Mou, 一个Sublime Text3 一个teamviewer。然后叫他自己去申请了一个github账号。

首先我是用teamviewer开始操作他的电脑。

然后快速的关掉所有没用的软件。

打开终端,cd到根目录

朋友也是iOS所以肯定是有Xcode的,git肯定也是有。试一下有没有node.js的环境

1
$ npm install -g hexo-cli

很不幸,什么都没有,结果没有超出我的预料npm command not find

然后我开始装Node.js

1
$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

半天没反应,进度条不懂,两秒后结束,然后再

1
$ npm install -g hexo-cli

依然npm command not find

我以为是除了什么问题,换个方法

1
$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
1
wget conmmand not find

然后我在node的github上面看到

1
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.6/install.sh | bash

依然没反应。然后我就惆怅了。多次尝试之后发现,依然没有反应。这期间多次尝试各种帖子的文档,homebrew 重装了两次。

在经历了绝望之后,我决定再试一下,所以我打开了node的下载地址直接下载,安装之后,惊讶的发现一切都解决了。

如果采用上面的命令发现一切都没有什么乱用,别多想了,直接下载安装吧。

这个应该更容易一点,虽然感觉没那么Geek,但是能解决问题,才是最好的吧。

部署篇

这个没什么好说的了,上篇文章也有写到,在第一次部署的时候会出现一些问题,所以在

1
hexo d

之前先

1
npm install hexo-deployer-git –save

一下。

其次就是我比较粗心的问题了,比如写github地址的时候,直接手打的,然后一直报错,所以最好还是去github复制地址比较好。

github的username 是要登陆的邮箱或者其他什么的

使用篇

写文章

1、同过命令

1
hexo new "title"

然后到博客目录下resource_post文件下下面找到你刚刚创建的.md文件,然后开始写作

2、直接创建

直接创建一个.md文件,写完后拖到上面的文件夹中。

Markdown

1
2
3
4
5
6
---
title: 怎么使用Hexo发博客
date: 2016-8-31
tags: Hexo
categories: Hexo
---

我的文章是这样开始的,上面的内容分别代表什么不用我说了吧。给这篇文章设置tag 和分类什么的都是这样的。如果你想在两个tag 或者分类中看到这篇文 tags: [hexo , ios]即可。

markdown语法

markdown 也有自己的语法,hexo会自己解析然后出现在你的博客里面,这是一个很好用的工具,让我们更专注于写作本身而不是费尽心思的去弄格式。

之前学习html css的时候发现markdown也支持html标签 比如我想对一个词语“CepheusSun加粗,我可以使用markdown语法 **CepheusSun** 也可以使用html标签 <strong>CepheusSun</strong> 这样的效果是一样的;

  • markdown: CepheusSun
  • html: CepheusSun

这里我还是单纯的讲一下markdown我要用的内容吧。

在Mou里直接CMD + R 可以看到相关内容,但是貌似是英文的。

加粗强调

__ss__ _ss_ *aa* **aa** 表现为: ss ss aa aa

链接

[*CepheusSun*](https://CepheusSun.github.io/) 表现为: CepheusSun

图片

我弄图片我习惯设置宽度大小什么的,所以我用的html标签

<img src="图片地址" width="100" height="100">

标题

以及标题到六级标题 分别是

1
2
3
4
5
6
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

列表

1
2
1. 1
2. 2
1
2
3
4
* 1
* 1.1
* 1.2
* 2

引用

1
> 引用的内容

引用的内容

1
`小标签`

小标签

代码块使用 :

其他的都用得少就不多说了,这些内容百度能很容易的找到。

图床

刚过说到图片的问题,可能就不知道怎么弄了,这里推荐使用七牛的图床,然后直接那图片的url出来就可以了,而且不占用空间。具体使用方法,去七牛看吧,我正在尝试着能不能吧这个东西写个什么出来,自动化上传。七牛地址

使用Hexo

实在没什么好说的,配置好各种东西之后就没有什么麻烦的内容了,主要就还是几个。

1
hexo clean

清除缓存文件 (db.json) 和已生成的静态文件 (public)。

1
hexo g

生产静态文件

1
hexo d

部署网站。

1
hexo s

启动服务器。默认情况下访问地址是http://localhost:4000/就能本地看一下改动效果了。

每次 g + d 就ok了

CepheusSun wechat
订阅我的公众号,每次更新我都不一定会告诉你!
坚持原创技术分享,您的支持将鼓励我继续创作!
0%