Hexo 搭建个人博客 基础配置及实操
初步搭建本地Hexo博客
安装
安装前提
搭建环境:Windows 10
- Node.js (Node.js 版本需不低于 8.10,建议使用 Node.js 10.0 及以上版本)
- Git
验证成功安装Node.js跟Git,通过查看版本号即可
node -v
npm-v
安装 Hexo
所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。
不过用 cnpm 更快一点不会有那么多报错,后面我就用 cnpm 了:
cnpm install -g hexo-cli
建站
生成项目
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
hexo init <项目名称>
通过VScode软件打开初始化的博客
运行项目
运行服务:(hexo默认使用4000端口)
hexo s
通过 http://localhost:4000 访问本地hexo服务
更换博客主题(hexo-theme-matery)
下载
在你的 themes 文件夹下使用 Git clone 命令来下载:
git clone https://github.com/blinkfox/hexo-theme-matery.git
更换主题
将博客文件夹下的配置文件_config.yml的主题theme改成:hexo-theme-matery
更换完成重新运行服务,主题已成功修改;
更换中文
将博客文件夹下的配置文件_config.yml的语言language改为zh-CN
修改主题项中的配置
新建分类 categories 页
categories 页是用来展示所有分类的页面,如果在你的博客 source 目录下还没有 categories/index.md 文件,那么你就需要新建一个,命令如下:
hexo new page "categories"
编辑你刚刚新建的页面文件 /source/categories/index.md,至少需要以下内容:
---
title: categories
date: 2018-09-30 17:25:30
type: "categories"
layout: "categories"
---
新建标签 tags 页
tags 页是用来展示所有标签的页面,如果在你的博客 source 目录下还没有 tags/index.md 文件,那么你就需要新建一个,命令如下:
hexo new page "tags"
编辑你刚刚新建的页面文件 /source/tags/index.md,至少需要以下内容:
---
title: tags
date: 2018-09-30 18:23:38
type: "tags"
layout: "tags"
---
新建关于我 about 页
about 页是用来展示关于我和我的博客信息的页面,如果在你的博客 source 目录下还没有 about/index.md 文件,那么你就需要新建一个,命令如下:
hexo new page "about"
编辑你刚刚新建的页面文件 /source/about/index.md,至少需要以下内容:
---
title: about
date: 2018-09-30 17:25:30
type: "about"
layout: "about"
---
新建 404 页
如果在你的博客 source 目录下还没有 404.md 文件,那么你就需要新建一个
编辑你刚刚新建的页面文件 /source/404.md,至少需要以下内容:
---
title: 404
date: 2018-09-30 17:25:30
type: "404"
layout: "404"
description: "哦吼!完蛋!"
---
代码高亮
由于 Hexo 自带的代码高亮主题显示不好看,所以主题中使用到了 hexo-prism-plugin 的 Hexo 插件来做代码高亮,安装命令如下:
cnpm i -S hexo-prism-plugin
然后,修改 Hexo 根目录下 _config.yml 文件中 highlight.enable 的值为 false,并新增 prism 插件相关的配置,主要配置如下:
highlight:enable: falseprism_plugin:mode: 'preprocess' # realtime/preprocesstheme: 'tomorrow'line_number: false # default falsecustom_css:
搜索
本主题中还使用到了 hexo-generator-search 的 Hexo 插件来做内容搜索,安装命令如下:
cnpm install hexo-generator-search --save
在 Hexo 根目录下的 _config.yml 文件中,新增以下的配置项:
search:path: search.xmlfield: post
中文链接转拼音(建议安装)
如果你的文章名称是中文的,那么 Hexo 默认生成的永久链接也会有中文,这样不利于 SEO,且 gitment 评论对中文链接也不支持。我们可以用 hexo-permalink-pinyin Hexo 插件使在生成文章时生成中文拼音的永久链接。
安装命令如下:
cnpm i hexo-permalink-pinyin --save
在 Hexo 根目录下的 _config.yml 文件中,新增以下的配置项:
permalink_pinyin:enable: trueseparator: '-' # default: '-'
注:除了此插件外,hexo-abbrlink 插件也可以生成非中文的链接。
文章字数统计插件(建议安装)
如果你想要在文章中显示文章字数、阅读时长信息,可以安装 hexo-wordcount插件。
安装命令如下:
cnpm i --save hexo-wordcount
然后只需在本主题下的 _config.yml 文件中,将各个文章字数相关的配置激活即可:
postInfo:date: trueupdate: falsewordCount: false # 设置文章字数统计为 true.totalCount: false # 设置站点文章总字数统计为 true.min2read: false # 阅读时长.readCount: false # 阅读次数.
添加emoji表情支持(可选的)
本主题新增了对emoji表情的支持,使用到了 hexo-filter-github-emojis 的 Hexo 插件来支持 emoji表情的生成,把对应的markdown emoji语法(::,例如:
Hexo 搭建个人博客 基础配置及实操相关推荐
- Linux下使用 github+hexo 搭建个人博客01-hexo搭建
为什么要搭建自己的博客系统? 原因有好几个吧,归类如下: 1.自己搭建博客系统很有成就感,可以自己选定页面风格和页面排版: 2.自己搭建博客系统可以根据自己的需要添加各种插件功能,因此整体上比网上的第 ...
- Linux下使用 github+hexo 搭建个人博客04-next主题优化
上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功 ...
- 通过Hexo搭建个人博客以及主题配置
这是蓝鸟x发布的第一篇文章 前言 直接在github page平台上托管我们的博客.这样就可以安心的来写作,又不需要定期维护,而且hexo作为一个快速简洁的博客框架,用它来搭建博客真的非常容易. He ...
- Hexo搭建git博客
本文主要内容是本站博客使用Next主题的个性化定制和部分优化细节.最后搭建的博客. 注:如果上传到hexo搭建的gitblogshan上时,代码块内的html和js仍然会被解析,可以在代码块开头和结尾 ...
- hexo搭建个人博客_hexo 搭建个人博客
hexo 搭建个人博客 hexo-theme-matery README Hexo BLOG 地址 iyuhp's blog 基本介绍 本 blog 使用 HEXO 搭建, MATERY 作为主题, ...
- Windows+ECS+个人域名+HEXO搭建个人博客
title: Windows+ECS+个人域名+HEXO搭建个人博客 declare: true tags: 个人博客 abbrlink: f7136b46 date: 2021-10-16 16:3 ...
- 利用Hexo搭建个人博客-博客初始化篇
上一篇博文 <利用Hexo搭建个人博客-环境搭建篇> 中,我们讲解了利用Hexo搭建个人博客应该要配置哪些环境. 相信大家已经迫不及待的想要知道接下来应该要怎么把自己的博客搭起来了,下面, ...
- 利用Hexo搭建个人博客-博客发布篇
通过 <利用Hexo搭建个人博客-环境搭建篇> 以及 <利用Hexo搭建个人博客-博客初始化篇>,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如 ...
- GitHub Pages + Hexo搭建个人博客网站,史上最全教程
文章目录 一.准备工作 1. GitHub账号 2. 安装Git 3. 安装NodeJS 二.创建仓库 三.安装Hexo 四.更换主题 1. NexT 主题 2. Fluid主题 五.创建文章 六.个 ...
最新文章
- shell任务不受意外中断影响的常见方法
- 错误LNK1107文件无效或损坏: 无法在 0x338 处读取
- 提升方法---提升树
- 【APICloud系列|27】 UICalendar模块(日历)的实现
- Uim的情人节礼物·其之弐(洛谷-P2524)
- 解决系统之间Session不共享问题的几种方案
- [Python] 矩阵拼接 np.c_[a,b]和np.r_[a,b]
- M - 13 HDU - 3351 (栈)
- 解决办法:发生故障,这可能是有软件包被要求保持现状的缘故
- 高校科研信息管理系统
- Fedora 9安装vmware tools解决方案
- Unity3D 物体移动到指定点
- 【笔记】C++之SLT的常用容器
- led的伏安特性曲线 matlab实现_灯泡伏安特性仿真实验的实现算法
- 经典c语言程序创意,49个经典年会小游戏(绝对有创意)C
- VS2010下设置win32/win64,编译出不同平台程序版本
- ElasticSearch 大数据搜索查询分析全指南
- 2021-08-29 网安实验-Linux系统渗透测试之Metasploit攻击linux实例
- 上海交通大学软件专硕,复试平均分413分!
- ZRX的省选算法总结
热门文章
- 1100 校庆分数 25
- python excel画图哪个好_Python excel 画图
- 零基础如何成为自由插画师?
- springBoot防重复提交
- python创建学生类姓名学号_Python练习题:由用户输入学生学号与姓名,数据用字典存储,最终输出学生信息(按学号由小到大显示)。...
- 前端小demo_day02_聚光灯(CSS)实现
- python excel写入日期变数字_解决python 读取excel时 日期变成数字并加.0的问题
- nestjs[typeorm学习之一对一表关系探究与使用]
- 泛微OA自开发初始应做哪些
- 虚拟机中左键不能使用,鼠标滑轮和右键正常-解决方案