0%

用hexo搭建博客

​ -

搭建博客

使用hexo+github搭建个人博客,具体操作见参考网址
http://mp.weixin.qq.com/s/rMZZkHbMeKXsSAvAdsgyRw


修改主题

这里我用的是next主题,GitHub地址
https://github.com/iissnan/hexo-theme-next
在站点目录打开git bash,输入

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

将next主题下载到站点目录的themes/next文件夹中。打开站点的_config.yml配置文件,修改主题为next

1
2
3
4
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

next主题有好几种样式。打开主题中的_config.yml文件,进行设置

1
2
3
4
5
6
7
8
# ---------------------------------------------------------------
# Scheme Settings
# ---------------------------------------------------------------
# Schemes
#scheme: Muse
#scheme: Mist
#scheme: Pisces
scheme: Gemini

最后在站点目录下打开git bash,输入

1
2
3
$ hexo clean
$ hexo g
$ hexo d

到此,主题修改完毕。
其他一些配置,诸如修改作者昵称、头像、网页标题、图标、博客语言,以及增加标签页面和分类页面,设置主页底部的站点建立时间等

可参考next主题的GitHub 以及 NexT使用文档


添加本地搜索功能

参考网址
http://hisen.me/20170407-Hexo%20next%E4%B8%BB%E9%A2%98%E6%B7%BB%E5%8A%A0%E6%9C%AC%E5%9C%B0%E6%90%9C%E7%B4%A2%20-%20%E4%B8%8D%E4%BD%BF%E7%94%A8%E7%AC%AC%E4%B8%89%E6%96%B9%E6%9C%8D%E5%8A%A1/

内容摘录如下:

安装插件

在站点根目录打开git bash,输入以下内容,安装 hexo-generator-search 和 hexo-generator-searchdb

1
2
$ npm install hexo-generator-search --save
$ npm install hexo-generator-searchdb --save

启用搜索

编辑站点文件_config.yml,添加以下内容开启搜索

1
2
3
4
5
search:
path: search.xml
field: post
format: html
limit: 10000

编辑主题文件_config.yml,启用本地搜索功能:

1
2
3
# Local search
local_search:
enable: true

最后重新生成和部署站点就行了


发布新文章

新建文章

站点目录下,输入

1
$ hexo n "blog_name"

然后站点目录下source/_post文件夹中多了一个 blog_name.md 文件,此文件的内容即是博客的内容。我们可以使用编辑器编辑此文件。个人推荐的编辑器是TopyraCmd Markdown

添加标签和分类

blog_name.md文件开头是这样的

1
2
3
4
5
---
title: 用hexo搭建博客
date: 2018-01-31 17:46:57
tags:
---

添加标签和分类,如下:

1
2
3
4
5
6
---
title: 用hexo搭建博客
date: 2018-01-31 17:46:57
tags: [hexo]
categories: hexo
---

多个标签可用逗号隔开

若要创建多级分类,则

1
2
3
categories: 
- 一级分类
- 二级分类

要想新建博客时默认带上tags: [] 和 categories:

打开站点目录下 scaffolds/post.md 文件,默认内容如下:

1
2
3
4
5
---
title: {{ title }}
date: {{ date }}
tags:
---

修改成

1
2
3
4
5
6
---
title: {{ title }}
date: {{ date }}
tags: []
categories:
---

设置阅读全文

默认情况下,站点首页会显示最新的文章的全部内容,我们可以设置成只显示文章的一部分,然后在后面提供一个链接阅读全文来进入文章的详情页。

在文章中合适的位置添加 < !--more--> 标签,这样只有标签前的内容会在首页中显示


预览和发布博客

预览

保存博客md文件,进入站点目录,打开git bash,输入

1
$ hexo s --debug

浏览器输入 http://localhost:4000 即可预览

发布

在站点目录下,打开git bash,输入

1
2
3
$ hexo clean
$ hexo g
$ hexo d

即可将博客内容部署到GitHub

后记

至此,hexo搭建博客基本完成啦O(∩_∩)O

其实我之前用过WordPress搭建过博客,然而写了十篇左右就没怎么写了,后来那个站点也弃了,改用有道云笔记记录自己平时的学习笔记。希望以后在做好有道云笔记的同时,也多写写博客!