博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Hexo 博客搭建指南
阅读量:4333 次
发布时间:2019-06-07

本文共 2935 字,大约阅读时间需要 9 分钟。

很久以前就看到别人用hexo搭博客,但自己一直没搭建过,今天在github上看到一篇教程,跟着教程,一步步哈哈

 

前情提示:有个,知道(一个东西),会使用git(基本的命令跟linux差不多,都是linus大神开发的)一些基础的命令

个人搭建时使用的是

 

 

Hexo的简洁、神秘让我跃跃欲试,在使用过程中遇到了很多问题,整理此文,一是方便其他技术人搭建自己的博客,二是给自己的学习之旅做个总结。本文未完结,欢迎starfork,如果有错误,请不吝指出,原文博客:

1 Hexo介绍

是基于NodeJs的静态博客框架,简单、轻量,其生成的静态网页可以托管在GithubHeroku上。

  • 超快速度
  • 支持MarkDown
  • 一键部署
  • 丰富的插件

下面以原文博客为例,limedroid.github.io

2 环境准备

2.1 安装node.js

去下载对应系统的安装包,按提示安装。

检验安装成功:

$ node -v

2.2 安装hexo

$ npm install hexo-cli -g

注意:Mac系统,则需要

$ sudo npm install hexo-cli -g

3 利用Hexo搭建一个博客

3.1 创建博客目录limedroid.github.io

$ hexo init limedroid.github.io$ cd limedroid.github.io$ npm install

3.2 生成静态页面

$ hexo clean$ hexo g

g 即generate

3.3 运行

$ hexo s

s 即server

然后打开浏览器,输入地址 localhost:4000 即可看到效果

4 发一篇文章试试

4.1 命令方式

$ hexo new test

此时会在source/_posts目录下生成test.md文件,输入些许内容,然后保存.

生成下,看看效果

$ hexo clean$ hexo g$ hexo s

访问 localhost:4000 即可

4.2 直接方式

在 **source/_posts/**下新建一个.md文件也可

5 配置

网站的设置大部分都在**_config.yml**文件中,详细配置可以查看

下面只列出简单常用配置

  • title -> 网站标题
  • subtitle -> 网站副标题
  • description -> 网站描述
  • author -> 您的名字
  • language -> 网站使用的语言

坑:进行配置时,需要在冒号:后加一个英文空格

title: Droidlover

6 换一个好看的主题

Hexo 中有很多主题,可以在查看。 这里我推荐,下面列举更换主题的一般套路:

6.1 下载主题资源

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

6.2 应用下载的主题

在网站配置文件**_config.yml中,配置theme**

theme: next

next是主题名称,具体的可查看主题的文档

6.3 主题其他配置

可在/theme/{theme}/_config.yml 主题的配置文件下进行主题的配置。

接下来,可以执行万能的调试命令看看效果

$ hexo clean$ hexo g$ hexo s

7 部署到Github

7.1 有个github账号xxx

7.2 创建一个xxx.github.io的public仓库

如果您的账户名是limedroid,则需要创建一个limedroid.github.io的public仓库.

7.3 安装 

$ npm install hexo-deployer-git --save

7.4 网站配置git

在网站的_config.yml中配置deploy

deploy:  type: git  repo: 
branch: [branch]

branch为分支,默认为master,可以不配置 repo为仓库地址,在github上新建仓库后,可复制此地址

7.5 部署

$ hexo d

d 即deploy

8 贴标签,方便搜索

8.1 两个确认

  • 确认站点配置文件有
tag_dir: tags
  • 确认主题配置文件有
tags: tags

8.2 新建tags页面

$ hexo new page tags

此时会在source/下生成tags/index.md文件

8.3 修改source/tags/index.md

title: tagsdate: 2015-10-20 06:49:50type: "tags"comments: false

date 可保持系统生成的时间,

type: "tags"comments: false

很重要

8.4 在文章中添加tags

在文章xx.md中添加:

tags:     - Tag1    - Tag2    - Tag3

多个Tag可按上面的格式添加。

其文件头部类似:

title: TagEditTextdate: 2016-11-19 10:44:25tags:     - Tag1    - Tag2    - Tag3

9 分类,给文章归档

9.1 两个确认

  • 确认站点配置文件打开了
category_dir: categories
  • 确认主题配置文件打开了
categories: /categories

9.2 新建categories文件

$ hexo new page categories

此时会在source目录下生成categories/index.md文件

9.3 修改categories/index.md

title: categoriesdate: 2015-10-20 06:49:50type: "categories"comments: false

date 可保持系统生成的时间,

type: "categories"comments: false

很重要

9.4 在文章中添加categories

在文章xx.md中添加:

categories:     - cate

其文件头部类似:

title: TagEditTextdate: 2016-11-19 10:44:25categories:     - cate

10 添加评论功能

评论功能在国内一般使用。

10.1 注册账号

10.2 创建站点

需要注意的是,填写的多说域名不能更改,会在后面使用,在这里我配置成droidlover

10.3 配置

在hexo主题配置文件中搜索:

duoshuo_shortname

,然后打开开关,配置成前面设置的多说域名,如下:

duoshuo_shortname: droidlover

有时,可能需要一段js

现在,你可以运行看下效果了:)

11 加介绍页面,让全世界认识你

 

转载于:https://www.cnblogs.com/Cein/p/7388316.html

你可能感兴趣的文章
小D课堂 - 零基础入门SpringBoot2.X到实战_第9节 SpringBoot2.x整合Redis实战_37、分布式缓存Redis介绍...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第10节 SpringBoot整合定时任务和异步任务处理_42、SpringBoot常用定时任务配置实战...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第9节 SpringBoot2.x整合Redis实战_39、SpringBoot2.x整合redis实战讲解...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第14节 高级篇幅之SpringBoot多环境配置_59、SpringBoot多环境配置介绍和项目实战...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第10节 SpringBoot整合定时任务和异步任务处理_41、SpringBoot定时任务schedule讲解...
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第10节 SpringBoot整合定时任务和异步任务处理_43、SpringBoot2.x异步任务实战(核心知识)...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_1_01课程简介
查看>>
小D课堂 - 零基础入门SpringBoot2.X到实战_第11节 Logback日志框架介绍和SpringBoot整合实战_45、SpringBoot2.x日志讲解和Logback配置实战...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_1_02技术选型
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_汇总
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_2_01传统架构演进到分布式架构
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_2_02 微服务核心基础讲解
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_2_04微服务下电商项目基础模块设计...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-01 什么是微服务的注册中心
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-03CAP原理、常见面试题
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-04 SpringCloud微服务核心组件Eureka介绍和闭源后影响...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-05 服务注册和发现Eureka Server搭建实战...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-06 服务注册和发现之Eureka Client搭建商品服务实战...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_3-07 Eureka服务注册中心配置控制台问题处理...
查看>>
小D课堂 - 新版本微服务springcloud+Docker教程_4-01 常用的服务间调用方式讲解
查看>>