Hexo + Butterfly 博客增加左下角吸底网易云音乐播放器
在 Hexo 博客的左下角增加吸底网易云音乐播放器。
Hexo 添加 aplayer 音乐播放器
使用 hexo-tag-aplayer 插件为 Hexo 博客增加音乐播放器。
Hexo 图片懒加载
Hexo 使用图片懒加载的介绍和使用操作说明。
Hexo 中经常使用CDN加速技术介绍
对 Hexo 中经常使用到的CDN加速技术进行简单的介绍。你会了解到网站CDN加速是什么?CDN加速起到什么作用?
Hexo 为 Valine 增加博主、小伙伴标识以及浏览器图标
在 Hexo 中为 Valine 评论系统增加博主、小伙伴标识以及浏览器图标,使用了魔改版的 Valine 文件。
Hexo 添加百度主动推送的功能
引言百度主动推送的作用:
及时发现:可以缩短百度爬虫发现您站点新链接的时间,使新发布的页面可以在第一时间被百度收录
保护原创:对于网站的最新原创内容,使用主动推送功能可以快速通知到百度,使内容可以在转发之前被百度发现
百度站长工具注册先在百度站长工具中添加自己的网站(域名要是自己的域名,https://yourname.github.io 域名不可以)
站长工具地址:https://ziyuan.baidu.com/dashboard/index
按照说明的步骤一步一步操作就可以,尽量用www开头的域名即可,这是官方推荐的。
安装插件在Hexo站点根目录下,打开git-bash,输入下面命令安装插件:
1npm install hexo-baidu-url-submit --save
修改配置修改配置文件_config.yml
123456#设置百度主动推送baidu_url_submit: count: 200 #比如200,代表提交最新的200个链接 host: zsyyblog.com # 在百度站长平台中注册的域名,这个改为你自己的域名 token: your_t ...
Hexo使用Markdown语法速查表
引言Markdown 速查表提供了所有 Markdown 语法元素的基本解释。如果你想了解某些语法元素的更多信息,请参阅更详细的 基本语法 和 扩展语法。
基本语法这些是 John Gruber 的原始设计文档中列出的元素。所有 Markdown 应用程序都支持这些元素。
元素
Markdown 语法
标题(Heading)
# H1## H2### H3
粗体(Bold)
bold text
斜体(Italic)
italicized text
引用块(Blockquote)
> blockquote
有序列表(Ordered List)
1. First item2. Second item3. Third item
无序列表(Unordered List)
- First item- Second item- Third item
代码(Code)
`code`
分隔线(Horizontal Rule)
—
链接(Link)
[title](https://www.example.com)
图片(Image)
![alt te ...
Hexo使用Markdown的语法简介
引言通过 hexo 第一次接触到了Markdown。给人的第一感觉是很简单,整个版面看上去比较清爽,很是喜欢:)
Markdown 可以通过简单、易读易写的文本格式生成结构化的HTML文档,应用广泛。
基于HTML的语法可以完全用在Markdown中,当然大部分时候我们更需要用Markdown针对书写的边便捷用法,这里做一个总结。
常用语法1. 标题在句首插入#表示标题,有六种标题。也就是最多可以有6个#号表示最小字号的标题
2. 列表有序列表 数字加英文的点 如 1. 2. 3.无序列表 *+- 这三个任意一种后面文本接空格
3. 引用块在引用块的句首加>嵌套引用需要缩进,例如第一层嵌套用>>
4. 代码块使用 ``` 进行代码块引用 可以接对应的代码语言名,例如JS、CSS等,Markdown会自行使用对应的背景渲染。行内引用 可以用两个 `` 进行包裹
5. 链接超链接 [A](网址 "optional title")
图片链接 ![A](网址/地址 可选标题) 地址也可以用本地路径,可以在markdo ...
Hexo使用 hexo-filter-nofollow 加强网站SEO和防止权重流失
引言为网站使用到的所有外链添加rel="noopener external nofollow noreferrer", 可以有效地加强网站SEO和防止权重流失。
hexo-filter-nofollow插件自动将nofollow属性添加到所有外部链接。
安装方法1npm i hexo-filter-nofollow --save
配置选项123456nofollow: enable: true field: site exclude: - 'exclude1.com' - 'exclude2.com'
参数说明123456enable - 是否启用插件。默认值为:true field - 您希望插件继续的范围可以是“site”或“post”。默认值为:site 'post' - 仅将nofollow属性添加到帖子内容中的外部链接 'site' - 将nofollow属性添加到整个网站的外部链接exclude - 排除主机名。指定子域(如果适用),包括w ...
Hexo调整Markdown表格宽度的技巧
引言<table> 中表格的宽度由标题的 <th> 决定,我们只需要利用上 CSS 操作一番即可达到目的。
解决方法默认情况下,下面表格两列是等宽的
第一列
第二列
A
B
C
D
在MD文件中增加以下的样式后就可以修改第一列的宽度为100px了
12345<style> table th:first-of-type { width: 100px; }</style>
或者
12345<style> table th:nth-of-type(1) { width: 100px; }</style>
table th:first-of-type {
width: 100px;
}