目录:
Hexo 的强大之处就是有很多plugin可以扩展功能,Hexo支持目录也很简单。
安装
首先,安装一个hexo-toc的插件,代码如下:
npm install hexo-toc --save
配置
然后,配置一下站点配置文件_config.yml:
toc:
maxdepth: 3
class: toc
slugify: transliteration
decodeEntities: false
anchor:
position: after
symbol: '#'
style: header-anchor
使用
在Markdown文章中加入TOC的占位符:
<!-- toc -->
效果
请看本文。
相关推荐
这篇关于"导出Quiver笔记到Hexo支持导出静态资源"的主题,主要涉及的是如何将Quiver中的笔记内容,包括其中的静态资源,如图片、代码片段等,转换成Hexo能够识别和处理的格式,以便在Hexo博客上展示。 首先,我们...
- Hexo支持众多插件,你可以根据需求安装,如SEO优化、代码高亮、阅读计数等。使用`npm install --save <plugin-name>`安装插件。 - Next主题也有许多第三方主题样式和布局供你选择,可以根据个人喜好进行更换。 ...
接着在你想要存放博客源码的目录下初始化Hexo,执行`hexo init`,这将创建一系列必要的文件和目录。 2. 运行与部署:在初始化后的目录中,你可以通过`hexo generate`(或简写为`hexo g`)命令生成静态网页,`hexo ...
- Hexo支持众多美观的主题,你可以在Hexo的官方主题仓库中选择你喜欢的样式。下载并解压到`themes`目录下,然后在`_config.yml`中更改`theme`配置项。 - 主题的配置文件通常位于`themes/你的主题名/_config.yml`,...
将主题文件解压到`themes`目录下,然后在`_config.yml`中设置`theme`为`hexo-boot-master`。接着,你可以根据主题文档进行配置,调整颜色、布局等元素,以满足个性化需求。 除了主题,Hexo的插件系统也是其强大之处...
- **Plugins**:Hexo支持丰富的插件系统,你可以通过安装各种插件来扩展其功能,如SEO优化、评论系统、统计分析等。 2. **文件结构**: - `_config.yml`:这是Hexo的主配置文件,包含站点的基本信息(如标题、副...
4. **插件集成**:hexo-theme-spfk支持多款Hexo插件,通过安装和配置插件,可以实现评论系统、统计分析、社交媒体分享等功能。 5. **响应式设计**:此主题还具备响应式布局,无论是在桌面还是移动设备上,都能提供...
1. 安装:首先,你需要在你的Hexo项目目录下运行`npm install hexo-uglify --save`命令,这会将hexo-uglify插件添加到你的本地依赖中。 2. 配置:在Hexo的配置文件`_config.yml`中,找到`deploy`部分,然后添加或...
- **扩展语法**:Hexo支持Markdown的扩展,如表格、脚注、内联HTML等。 10. **SEO优化**: - **元信息**:在文章的YAML头信息中添加标题、描述、关键词等,以利于搜索引擎抓取。 - **Sitemap**:安装`hexo-...
在下载并解压`hexo-theme-next-5.1.4`压缩包后,我们需要将其移动到Hexo项目的`themes`目录下,然后在Hexo的配置文件`_config.yml`中将`theme`字段设置为`next`,以便启用该主题。 Next主题的亮点之一是其丰富的...
此外,Hexo还支持国际化(i18n),方便创建多语言网站。 Hexo的核心还包括文章、脚手架(Scaffold)、主题、渲染引擎(Renderer)等概念。文章是网站的主要内容,脚手架用于初始化文章模板,主题负责网站的视觉展现...
在使用过程中,用户只需将下载的"hexo-theme-raytaylorism-master"文件解压后,将其复制到Hexo项目的themes目录下,然后在_config.yml文件中将theme设置为'hexo-theme-raytaylorism',即可启用这一主题。此外,按照...
6. **语言文件**:多语言支持的网站可能会有`lang`目录,包含各种语言的翻译文件。 7. **额外的配置文件**:如`package.json`和`README.md`,前者记录主题的依赖和元数据,后者提供主题的安装和使用指南。 要充分...
在安装和配置Icarus主题时,用户需要先确保已安装Hexo,并将下载的"hexo-theme-icarus-master"文件解压至Hexo的source/_themes目录下,然后在站点配置文件(_config.yml)中将theme设置为icarus。接下来,通过运行Hexo...
6. **插件使用**:Hexo支持丰富的插件,可以增强博客功能,如SEO优化、评论系统、统计分析等。根据需求,可以安装并配置这些插件。 7. **Markdown扩展**:Hexo支持多种Markdown扩展,如Markdown Extra,提供了如...
下载并安装Next主题后,你需要将`hexo-theme-next-master`文件夹移动到Hexo项目的`themes`目录下,然后在`_config.yml`文件中将主题设置为`next`。接着,根据Next的主题文档进行个性化配置,这可能涉及修改主题配置...
Hexo是一个基于Node.js的静态站点生成器,它能够将文本内容转化为静态网页,而GitHub则是一个面向开源及私有软件项目的托管平台,支持Git版本控制系统。下面我们将详细讲解如何利用这两个工具搭建自己的博客。 首先...
7. **部署选项**:Hexo支持多种部署方式,例如GitHub Pages、GitLab Pages、AWS S3等。通过在 `_config.yml` 中配置相应的部署策略,可以轻松将博客推送到云端。 8. **社区与资源**:Hexo和Next主题都有活跃的...