iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 15
1
Modern Web

用Python開發的網頁不能放到Github上?Lektor說可以!!系列 第 15

想怎麼排,就怎麼排!

在這邊你可以自訂文章或子頁面的排序,下方以Blog為例:

blog.ini

[children]
model = blog-post
order_by = -pub_date, title

以上設定以日期為主要排序,標題為次要排序。所以我新增2個文章來看一下排序的結果。

order by -pub_date, title

可以看到在日期的設定是-pub_date而不是pub_date,加負號表示日期是以倒序的方式排列。接下來把-pub_date刪掉,只留title排序:

blog.ini

[children]
model = blog-post
order_by = title

可以看到排序不一樣了。設定的欄位,只要是blog-post所屬的欄位,都可以設定,像預設的blog-post就有title, author, twitter_handle, pub_date, body可以設定,但也要看他的值是否有可做為排序的內容。

image-20190930005610386

sort_key

除了用已有的欄位做排序,也可以建立sort_key進行排序。sort_key設定為整數的類型,以下為設定說明。

先在model中建立sort_key欄位:

blog-post.ini

[fields.sort_key]
label = Sort order
type = sort_key

設定排序為sort_key

blog.ini

[children]
model = doc-page
order_by = sort_key

接著在每個文章中設定sort-key

title sort_key
Hello Website 0
教師節快樂 1
30天鐵人賽加油! 2

以Hello Website為例

title: Hello Website
---
pub_date: 2019-09-01
---
author: Chih-Chieh Chang
---
body:

This is an example blog post.  Not much here but that's not the point :)
---
sort_key:0

完成排序如下:

image-20190930013302833

團隊系列文

CSScoke - 金魚都能懂的這個網頁畫面怎麼切 - 金魚都能懂了你還怕學不會嗎
King Tzeng - IoT沒那麼難!新手用JavaScript入門做自己的玩具~
Hina Hina - 陣列大亂鬥
阿斬 - Python 程式交易 30 天新手入門
Clarence - LINE bot 好好玩 30 天玩轉 LINE API
塔塔默 - 用Python開發的網頁不能放到Github上?Lektor說可以!!
Vita Ora - 好 Js 不學嗎 !? JavaScript 入門中的入門。


上一篇
404自己做,美到人人想犯錯
下一篇
分批大法,清單毫秒簡潔清爽!
系列文
用Python開發的網頁不能放到Github上?Lektor說可以!!31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言