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: -...
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:...
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增加关于、标签、分类、归档页面
增加关于页面使用: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:...
在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...
使用 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...
解决 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...
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' ...
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 【可选】显示页面评论模块(默认...