首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

「译」创建一个Hexo主题-Part3 :评论、分析和小部件

Hexo 中使用 Disqus 评论系统的文章。...合并到局部文件中 我们希望可以在任何页面中获取到跟踪代码,而页面上又没有合适的位置来存放,因此我们选择把它添加到 的末尾: /* layout/_partial/head.ejs...: true 侧边栏代码 作为所有小部件的占位区,我们的侧边栏需要遍历配置文件中的所有小部件并将其渲染出来: 侧边栏的 EJS 模板如下: /* layout/_partial/sidebar.ejs...这是 layout/_partial/widget/tags.ejs 的代码: /* layout/_partial/widget/tags.ejs */ tags...让我们可以获取所有标签 site.tags.sort('name) 按照字母表的顺序对所有标签进行排序 item.path 对应标签归档页的相对 URL item.posts.length 表示标签的使用次数

1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    纵览全局垂直打击的组织模式(下)

    本文详细记录了如何在Hexo博客中实现用图组织内容的方法,但是,请注意:以下内容并非操作教程,仅表明相信思路以供参考,或许您可以实现出更好的版本,但仅依照下文内容并不保证一定能重现,一些尝试和debug...其实,在Hexo的框架内,ejs(或其他类型的)模板中的代码就是渲染生成html的代码,在这些页面中,借助Hexo内建的对象,比如.post对象和.achieves对象,可以访问到其中保存的全部文章信息及关联信息...(在渲染前构造、借助.post对象) 关于位置,在ejs模板中放置构造代码当然可以,但是不优雅,Hexo中建议的插入方式是: 在专门放置自定义JavaScript处理逻辑的文件中(plugin.js)放入代码...在ejs(或其他)模板的相关位置,使用方式调用上述内建函数 使用console.log在渲染html时(hexo generate时的黑框)输出至Console里,拿到输出数据,放入到可视化的页面中即可...或者一气呵成,直接将可视化的代码写入ejs模板中,即第一次渲染结束时产生的html就已经完成可视化页面的生成。 由于处在尝试阶段,所以这里使用步骤3 的方法,这样各模块相对独立,对主题源代码入侵小。

    93110

    Hexo博客建立标签云及效果展示

    插件地址: 插件的GitHub地址 插件说明: 说明地址 标签云效果展示: 我的博客主页 插件作者提供的效果预览 安装插件 进入到 hexo 的根目录,在 package.json 中添加依赖: "hexo-tag-cloud...": "2.0.*" 操作如下: 使用命令行进行安装 npm install hexo-tag-cloud@^2.0.* --save Git clone 下载 使用命令行安装插件包的过程中可能会出现问题...() }} {% endif %} 代码添加到后面即可,添加示意图如下: 对于ejs的用户 (默认主题landscape在列)...在主题文件夹找到文件 hexo/themes/landscape/layout/_widget/tagcloud.ejs,将这个文件修改如下: tags.length) { %...对于jade用户 (Apollo主题在列) 找到 apollo/layout/archive.jade 文件,并且把 container 代码块修改为如下内容: block container include

    82130

    Matery主题添加Pjax

    找到 layout.ejs 在底部(首次加载没必要优先加载Pjax)添加 添加pjax开关 在 themes\_config.yml中添加...评论页面ejs(我使用的是valine,故我需要将valine.ejs页面进行修改) 谷歌统计页面(google-analytics.ejs) 文章目录(post-detail-toc.ejs) 说说页面...(artitalk.ejs) 标签页面(tags)的词云(tag-wordcloud.ejs) 分类页面(categories)雷达图(category-radar.ejs) 归档页面(archives...)统计图(post-calendar.ejs) 关于页面(about)的统计图(post-charts.ejs) 欢迎提交遗漏bug 标签 (tags)页面为例 当操作完以上步骤后从首页点进标签(tags...)页面时会有一下报错 image.png 打开 tags.ejs 该页面由 tag-cloud tag-wordcloud 两个ejs组成,故要查看这两个 ejs 页面哪里出现了 jQCloud 函数

    1.3K10

    从零开始写一个Hexo主题

    在开始前,你需要对以下的一些知识点有必要的了解: 模板引擎语法 CSS预处理器 YML语法 Hexo文档 本文使用的模板引擎为 ejs,使用的 CSS 预处理器为 stylus。...head.ejs,header/ejs和footer.ejs文件,layout.ejs文件是通用的布局文件模板,我们在后面新增的ejs文件都会继承layout.ejs,并将其内容填充到body中。...我们在 layout 中创建 index.ejs 文件,index.ejs首页将会继承layout.ejs布局模板生成 HTML 文件。...partial()函数的作用是可以引入其他模板文件,详情参考hexo文档 layout/index.ejs: Hello World 修改站点配置文件中的主题配置,使用我们刚刚创建的...这样我们就可以在 header.ejs 中使用 theme.menu 获取到导航菜单的设置。

    4.3K40

    从零开始学习c++全套通关系列(第一章)万字总结,建议收藏~

    进行上述操作之后,cin,cout中的中文问题都会被解决。九、运算符1. 算术运算符在C++中,算术运算符用于执行基本的数学运算,如加法、减法、乘法、除法等。加法运算符 +:用于将两个操作数相加。...三元运算符在C++中,三元运算符是一种特殊的条件运算符,也称为条件运算符(Conditional Operator)。它允许根据条件的真假选择不同的值。condition ?...示例:int a = 5;int b = 10;// 使用三元运算符来比较 a 和 b 的大小int max_value = (a > b) ?...注意事项:三元运算符可以嵌套使用,但是需要注意代码可读性和复杂性。三元运算符在一些情况下可以使代码更简洁和清晰,特别是在赋值语句中,可以代替一些简单的 if-else 结构。...尽管三元运算符具有简洁的语法,但过度使用可能会降低代码的可读性,因此应适度使用。邀请人:池央​

    9810

    机器人CPP编程基础-04输入Input

    这是一个简单的示例,展示了如何在ROS1中使用C++实现输入。根据实际需求,您可能还需要处理不同类型的消息、设置发布者(Publisher)等。详细的ROS1开发指南和文档可参考官方网站。...然后,我们使用std::setw设置输入的宽度,并使用>>运算符从字符串流中读取整数和浮点数。...线程库还包括更多的功能,如任务并行化、线程同步、条件变量、原子操作等。这些功能可以让你更方便地编写并行和多线程程序。 三元运算符 C++20引入了三元运算符?:,可以更方便地进行条件判断。...以下是一个示例,演示如何使用三元运算符: c复制代码 #include int main() { int a = 10; int b = 20; // 使用三元运算符根据条件选择值...这个功能主要适用于范围for循环和三元运算符。

    27720

    EJS-源码解析

    官方文档中有提到两个,最基本的使用也确实只有那两个,但是实际上可以调用的函数有五个。 本篇会介绍下这五个API的作用&本人对于该API实现的一些想法。....'); } } } 在得到了JavaScript脚本的范围(在字符串中的下标)后,我们就可以开始着手拼接脚本的工作了。...我们会发现prefix里边有一个line变量,这里用到了逗号运算符/逗号操作符,很巧妙。 作为一个行号的输出,既不会影响程序的执行,又可以在出错的时候帮助我们快速定位问题所在。...如果开启了debug,compile会添加一些额外的信息在脚本中。一些类似于堆栈监听之类的。...v2.x使用了一些面向对象的程序设计。。篇幅更是达到了接近900行(费解-.-不知道意义何在)。。有机会尝试着会去读一些v2.x版本的代码。

    1.3K10

    EJS-源码解析

    EJS[1]-源码解析 官方文档中有提到两个,最基本的使用也确实只有那两个,但是实际上可以调用的函数有五个。...建议先看完第一篇再看本文,如何使用EJS。 parse 我们会从最里边的parse函数说起。parse函数是根据EJS模版来生成一段可执行的脚本字符串。...我们会发现prefix里边有一个line变量,这里用到了逗号运算符/逗号操作符,很巧妙。 作为一个行号的输出,既不会影响程序的执行,又可以在出错的时候帮助我们快速定位问题所在。...如果开启了debug,compile会添加一些额外的信息在脚本中。一些类似于堆栈监听之类的。...v2.x使用了一些面向对象的程序设计。。篇幅更是达到了接近900行(费解-.-不知道意义何在)。。有机会尝试着会去读一些v2.x版本的代码。

    1.6K110
    领券