raychonote如何创建自己的菜单,如建议列表

关于raychonote一个免费创建博客网站和文档的免费软件,大家可以参考raychonote系列教程

该软件具有显示文章列表的功能,如"相关文章列表"和"最新文章列表"。

相关文章和最新文章由该软件自动设置,但您也可以创建自己的菜单,如"推荐文章列表"和"热门文章列表"。

创建步骤

转到"菜单"页,然后单击"新创作"按钮,如下所示:

image-20211210201746358

在菜单编辑屏幕上,输入以下内容:

菜单名称 输入菜单的名称。
访问密钥 模板中使用此菜单的标识符。 稍后将对此进行详细介绍。
要添加的页面 输入文章的文件名,然后单击"添加"按钮以将其添加到列表中。

下面是创建"建议文章列表"的示例。

您可以通过拖放来交换文章的顺序。

image-20211210202016035

在模板中使用

修改模板以显示您创建的菜单。

首先,创建一个新文件以显示您创建的菜单的文章列表。

在以下位置创建:

  • templates

    • widgets

      • reccomend.njk ←创建新

    • post.njk

    • top.njk

    • (其他)

如果以后的路径设置正确,则文件可以在任何地方创建,但如果您不确定,我们建议您按照以下示例创建该文件。

文件的内容应显示文章列表,如下所示。

将第 1 行和第 3 行中列出的部分替换为上面设置的访问密钥。reccomend

 <p class="widget-title">{{ menus.reccomend.title }}</p>
 <ul class="index">
   {% for p in menus.reccomend.pages %}
     <li class="index-item">
       {{ macro.link(page, p) }}
     </li>
     <hr class="thin narrow">
   {% endfor %}
 </ul>

在模板中,以下描述将加载上述文件并显示建议文章列表。

 {% include 'widgets/reccomend.njk' %}

例如,在每篇文章的侧菜单中,在最新文章列表下方,如果要显示推荐文章的列表,请在最新文章列表 () 下添加此列表,如下所示。post.njk``latest.njk

 {% block aside %}
   {% include 'widgets/latest.njk' %}
   {% include 'widgets/reccomend.njk' %}
   {% include 'widgets/categories.njk' %}
   {% include 'widgets/tags.njk' %}
 {% endblock %}

检查操作

修改模板后,您可以在预览中查看文章页面,以确保侧菜单中将显示建议文章的列表。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容