Hexo建立分站
引言有人反馈Butterfly主题有点花哨,这就导致有些文章的阅读体验不好。
这种情况就可以考虑建立了一个分站,使用更为简洁的主题,效果不错。
可以在顶部导航栏点击跳转到分站
操作步骤
根据正常建立Hexo静态博客的步骤一样建站,并选择分站的主题(这里以Next主题为例),在分站的根目录下找到_config.yml文件,将theme修改为next。
1theme: next
同样在分站的根目录下修改_config.yml文件中的url和root。
12url: https://zsyyblog/nextroot: /next/
之后在控制台键入命令hexo g,会发现在分站根目录下生成了public文件夹。在主站的source文件夹中创建名为next的文件夹,再将分站中生成的public文件夹中的内容全部复制到主站的next文件夹中。
设置主站渲染时跳过分站在主站的根目录下修改_config.yml文件中的skip_rende
12skip_render: - next/**
在主站的_config.butterfly.yml文件中设置导航栏分站选项
123menu ...
Hexo生成sitemap
前言站点地图是一种文件,您可以通过该文件列出您网站上的网页,从而将您网站内容的组织架构告知Google和其他搜索引擎。搜索引擎网页抓取工具会读取此文件,以便更加智能地抓取您的网站。
先确认博客是否被收录在百度或者谷歌上面输入下面格式来判断,如果能搜索到就说明被收录,否则就没有。
1site:zsyyblog.com
安装生成谷歌sitemap插件使用以下命令安装生成谷歌sitemap的插件:
1npm install hexo-generator-sitemap --save
安装生成百度sitemap插件使用以下命令安装生成百度sitemap的插件:
1npm install hexo-generator-baidu-sitemap --save
修改配置文件修改博客目录的_config.yml中添加如下代码:
1234sitemap: path: sitemap.xmlbaidusitemap: path: baidusitemap.xml
在你的博客根目录的public下面如果生成了sitemap.xml以及baidusitemap.xml就表示sitemap生成 ...
Hexo博客展示PDF文件
前言在Hexo博客中展示PDF非常方便,只需要安装 hexo-pdf 插件即可,具体使用方法如下所示。
使用说明12345678910Normal PDF{% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %}or{% pdf ./bash_freshman.pdf %}Google drive{% pdf https://drive.google.com/file/d/0B6qSwdwPxPRdTEliX0dhQ2JfUEU/preview %}Slideshare{% pdf http://www.slideshare.net/slideshow/embed_code/key/8Jl0hUt2OKUOOE %}
效果图
实际效果
点击右下角的全屏按钮,即可实际查看全屏的效果
插件访问地址hexo-pdf
Hexo常用插件列表
插件
功能
文档链接
hexo-generator-index-pin-top
文章置顶
https://github.com/netcan/hexo-generator-index-pin-top
hexo-wordcount
文章字数统计和阅读时长统计
https://github.com/willin/hexo-wordcount
hexo-abbrlink
生成URL短链接
https://github.com/rozbo/hexo-abbrlink
hexo-lazyload-image
图片懒加载
https://github.com/Troy-Yang/hexo-lazyload-image
hexo-generator-baidu-sitemap
生成baidusitemap.xml
https://github.com/coneycode/hexo-generator-baidu-sitemap
hexo-generator-sitemap
生成sitemap.xml
https://github.com/hexojs/hexo-gen ...
Hexo增加关于、标签、分类、归档页面
增加关于页面使用:hexo new page "about" 命令新建一个关于页面。修改博客的 _config.yml 文件中的 menu 配置项:
123456menu: home: / # 主页 categories: /categories # 分类 archives: /archives # 归档 tags: /tags # 标签 about: /about # 关于(添加此行即可)
编辑 about 关于页面 md文件 部署后就能看到了
增加标签页面使用:hexo new page "tags" 命令新建一个标签页面。修改博客的 _config.yml 文件中的 menu 配置项:
123456menu: home: / # 主页 categories: /categories # 分类 archives: /archives # 归档 tags: /tags ...
在Hexo中生成唯一的文章链接地址
引言Hexo 生成博客文章的链接时,默认格式为:
1permalink: :year/:month/:day/:title/ # 年:月:日:标题
如果标题中含中文的话,复制URL链接的话中文字符就会是一大串编码字符。
如果想为每一篇文章生成唯一 ID (链接地址) 的话,推荐使用 hexo-abbrlink 或 hexo-uuid
hexo-abbrlink在博客根目录下运行命令安装 hexo-abbrlink 插件
1npm install hexo-abbrlink --save
修改配置文件 _config.yml
1permalink: posts/:abbrlink/
hexo clean -> hexo g -> hexo s 在本地查看效果
hexo-abbrlink 官方文档中还介绍了其他配置,可以参考和自行修改。
hexo-uuid在博客根目录下运行命令安装 hexo-uuid 插件
1npm install hexo-uuid --save
修改配置文件 _config.yml
1permalink: posts/:uuid/
hexo clean ...
使用 hexo-admin 快速发布博客
前言使用hexo-admin插件可为hexo提供可视化界面,用来管理博客文章,发布博客。
安装在博客根目录打开git bash,输入以下命令安装 hexo-admin 插件
1npm install --save hexo-admin
启动hexo服务1hexo s
配置
访问 http://localhost:4000/admin 地址
点击settings
在settings下,点击 “setup authentification here” 链接
输入自定义 username、password 和 secret
复制生成的“admin config section” 文本,放到博客根目录下的 _config.yml 配置文件中。
内容如下所示:
12345# hexo-admin authentificationadmin: username: username password_hash: $2a$10$L.XAIqIWgTc5S1zpvV3MEu7/rH34p4Is/nq824smv8EZ3lIPCp1su secret: my super secret phra ...
解决 Hexo 创建文章生成的链接因为有中文而访问不到或不便于分享的问题
前言Hexo 默认文章链接生成规则是按照年、月、日、标题来生成的。
生成的链接如果访问不到,或者为了更便于推广和分享,接下来分享解决的方法:
介绍一个插件 hexo-abbrlink,该插件会为每篇生成一个唯一字符串标识,并不受文章标题和发布时间的影响。
安装 hexo-abbrlink 插件1npm install hexo-abbrlink --save
修改配置修改博客根目录下的配置文件_config.yml 中的 permalink配置项
原配置为:
1permalink: :year/:month/:day/:title/
修改配置如下所示:
12345678permalink: posts/:abbrlink/# orpermalink: posts/:abbrlink.html# 增加abbrlink配置abbrlink: alg: crc32 #算法: support crc16(default) and crc32 rep: hex #进制: support dec(default) and hex
选择不同的算法和进制后的结果示例:12 ...
Hexo 推荐插件
Hexo 插件说明如果应用官网的主题你会发现,有可能出现打不开的情况,这是由于有些主题使用的插件,本地并没有安装导致的报错。(没有问题的可以跳过)
代码高亮(建议安装)由于 Hexo 自带的代码高亮主题显示不好看,可以使用 hexo-prism-plugin 的 Hexo 插件来做代码高亮,安装命令如下:
1npm i -S hexo-prism-plugin
然后,修改 Hexo 根目录下 _config.yml 文件中 highlight.enable 的值为 false,并新增 prism 插件相关的配置,主要配置如下:
12345678910111213highlight: enable: false line_number: true auto_detect: false tab_replace: false wrap: true hljs: falseprism_plugin: mode: 'preprocess' # realtime/preprocess theme: 'tomorrow' line_n ...
Hexo Front-Matter介绍
引言Front-matter 是 markdown 文件最上方以 --- 分隔的区域,用于指定当前文章的参数。
Page Front-matter 用于单独页面配置
Post Front-matter 用于文章页配置
Hexo Page Front-matter 选项详解可以配置的参数如下所示:
123456789101112131415---title:date:updated:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer:highlight_shrink:---
配置选项参数名称
默认值
配置选项参数说明
title
【必需】页面标题
date
【必需】页面创建日期
type
【必需】标签、分类和友情链接三个页面需要配置
updated
【可选】页面更新日期
description
【可选】页面描述
keywords
【可选】页面关键字
comments
true
【可选】显示页面评论模块(默认 true)
top_img
fal ...