使用Hexo搭建个人技术博客站点

很多同学都喜欢在CSDN、或者OSChina开博客;也有不少同学自己搭建网站,比如使用PHP、或者Java开发博客系统,但是需要自己购买服务器,或者使用云服务器,这样花费也不小,运维成本稍微高了一点点;也有比较折中的,比如搭建一个GitHub主页。在GitHub上可以部署静态文件,但是很明显,如果自己来写HTML传上去,写作体验比较糟糕,本文介绍使用Hexo来搭建个人博客。

环境搭建

Hexo官网有Hexo的详细介绍,我们直接说说操作的流程和一些细节:

环境要求:

  • Git
  • Node.js

安装Hexo:

npm install -g hexo-cli

建站

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件

hexo init blog 
cd blog
npm install
hexo server

执行完最后一条命令后访问:http://localhost:4000/ 即可访问网站。

配置

主题配置

本站使用的是主题是Hiero,先从Github下载到本地:https://github.com/iTimeTraveler/hexo-theme-hiero

将主题中的以下文件、文件夹拷贝至项目的themes/hiero目录下:

languages
layout
scripts
source
_config.yml

修改项目的_config.yml:

theme: hiero

修改主题的_config.yml:

  • 修改 social
  • 修改 donate

分类、标签、关于

虽然有分类、标签和关于的菜单,但是目前是没有的,我们加上相应的页面:

hexo new page categories
hexo new page tags
hexo new page about

执行之后会在source目录下出现三个文件夹,文件夹下对应都有个index.md。
分别加上如下配置:

---
title: categories
date: 2018-12-14 15:38:07
type: "categories"
layout: "categories"
---
---
title: tags
date: 2018-12-14 15:38:01
type: "tags"
layout: "tags"
---
---
title: about
date: 2018-12-14 14:37:57
type: "about"
layout: "about"
---

搜索生效

npm install hexo-generator-json-content --save

GitHub主页

  • 在GitHub上创建一个项目,名称为{xxx}.github.com,比如我的为funga.github.com。
  • 本地电脑配置好SSHKEY
  • 安装部署依赖
    npm install hexo-deployer-git --save
    
  • 部署
    hexo g
    hexo d
    
    访问:http://{xxx}.github.io

写文章

创建一篇文章,会在source下创建一个redis.md文件,使用MarkDown语法进行写作即可。

hexo new redis

文章配置

参数 描述 默认值
layout 布局
title 标题
date 建立日期 文件建立日期
updated 更新日期 文件更新日期
comments 开启文章的评论功能 true
tags 标签(不适用于分页)
categories 分类(不适用于分页)
permalink 覆盖文章网址

域名配置

可以注册一个域名CNAME到{xxx}.github.io

© 2019 FunGa技术札记 All Rights Reserved. 本站访客数人次 本站总访问量
Theme by hiero