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 ...
Hexo配置文件说明
网站(site)
参数
描述
title
网站标题
subtitle
网站副标题
description
网站描述
author
您的名字
language
网站使用的语言
timezone
网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说:America/New_York, Japan, 和 UTC 。
其中,description主要用于SEO,告诉搜索引擎一个关于您站点的简单描述,通常建议在其中包含您网站的关键词。author参数用于主题显示文章的作者。
网址(URL)
参数
描述
默认值
url
网址
root
网站根目录
permalink
文章的 永久链接
格式 :year/:month/:day/:title/
permalink_defaults
永久链接中各部分的默认值
网站存放在子目录:如果您的网站存放在子目录中,例如 http://yoursite.com/blog,则请将您的 url 设为 http://yoursite.com/b ...
Hexo简介以及Hexo搭建博客操作步骤说明
Hexo简介Hexo是什么Hexo(中文官方网站)是一个快速,简洁且高效的博客框架,让上百个页面在几秒内瞬间完成渲染。Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多数插件,只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台,而且Hexo自己也拥有强大的插件系统:强大的 API 带来无限的可能,与数种模板引擎(EJS,Pug,Nunjucks)和工具(Babel,PostCSS,Less/Sass)轻易集成。
安装node.jsHexo是基于 node.js 的,所以我们在安装它之前需要用到 npm 安装工具,这个工具是 node.js 安装包的工具;另外我们还会用到git工具,所以请先确保已经安装下列应用程序:
Node.js
Git
安装 Hexo使用npm安装hexo:
1npm install -g hexo-cli
创建Blog现在我们已经完成hexo的安装,那么现在我们来创建一个Blog:
创建一个名称为blog博客
1hexo init blog
如果不 ...