iT邦幫忙

lektor相關文章
共有 31 則文章
鐵人賽 Modern Web DAY 6

技術 Lektor的門面,讓Templates來照顧!!

接下來介紹一下Templates。Lektor使用Jinja2的格式產生網頁,若有興趣的話可以參考Jinja2官網。 前一篇有提到model與template的...

鐵人賽 Modern Web DAY 1

技術 為何要折騰自己?分享Lektor心得

Lektor 官方網站 說明 不知道您有沒有過類似的經驗,興高采烈地學會了Django、Flask等動態框架的網頁後,還要找Heroku、pythonanywh...

鐵人賽 Modern Web DAY 20

技術 還在手動做網站地圖嗎?Lektor秒生成給你看!

sitemap主要分為( html、asp、aspx、php )及 XML2大格式,第1種提供給使用者參考導覽,第2種則是提供搜尋引擎,協助SEO網站優化。本篇...

鐵人賽 Modern Web

技術 30天後的挑戰

繼完成鐵人賽後,開始了一段時間的休息,最近都是躺下去醒來就天亮的生活,不知道是工作還是鐵人賽,抑或是純粹天氣轉涼比較好睡(?) 由於鐵人賽完成後,原本想要規劃建...

鐵人賽 Modern Web DAY 2

技術 萬丈高樓平地起,Lektor打地基看這裡

Lektor提供桌面版(only for Mac)及命令列兩種方式安裝,但最新的版本已停止支援桌面版,因此將用命令列方式安裝以減少坑的出現。 安裝流程 Pyth...

鐵人賽 Modern Web DAY 14

技術 404自己做,美到人人想犯錯

我說的是你們不是我!抱歉我的美學不太能見人,但是看完這篇,你就可以做出美到讓人想犯錯,只為求一見的404頁面XD。 設定url_style 首先在.lektor...

鐵人賽 Modern Web DAY 29

技術 他,是Github的好夥伴

說的其實就是Travis-CI,提供github持續整合專案的平台。設定Travis-CI部署的方式共分4個步驟: .travis.yml .lekto...

鐵人賽 Modern Web DAY 28

技術 你問我Lektor愛Github有多深?

Lektor 在GitHub Pages支援上比GitLab還要好一點,可以不用自己手動push上去,與前幾天提到的ftp、rsync一樣,可以直接在.lekt...

鐵人賽 Modern Web DAY 3

技術 被說快不是你的權利,讓Lektor陪你......

Lektor提供quickstart,可快速建立專案,並可建立基本部落格網站,提供作為範例參考。 建立新專案 輸入以下命令即可建立專案資料。$ lektor q...

鐵人賽 Modern Web DAY 4

技術 Lektor專案透視鏡,皮肉骨一次看清

讓我們先看一下Lektor quickstart blog範例的整個專案架構,進入專案資料夾中,會看到1個檔案及4個資料夾: . |____LektorTest...

鐵人賽 Modern Web DAY 27

技術 Git界的狐狸,與Lektor也有聯盟!!

在git平台中,比較著名的Github及GitLab兩大平台,Lektor都有提供部署方法。當然除了這兩個平台,還有Bitbucket等強大的平台,只是目前Le...

鐵人賽 Modern Web DAY 9

技術 服裝拆解大公開,lektor-theme-nix的秘密

上一篇介紹如何設定並套用lektor-theme-nix主題,現在讓我們來看一下lektor-theme-nix如何建立主題的。首先看一下他的架構: 除了前面...

鐵人賽 Modern Web DAY 13

技術 加入他,讓你的靜態網頁互動起來!!!

前面教你如何穿衣服,lektor-theme-nix設定中有提到如何在lektor-theme-nix主題中使用Disqus功能,本篇將帶你在Lektor網頁中...

鐵人賽 Modern Web DAY 5

技術 Lektor的肉,還有看得見與看不見的戀情

content放置網頁內容檔案,透過models分析,並渲染到templates。其規則說明如下: content中的每一個資料夾都只負責一個頁面(等於一個網...

鐵人賽 Modern Web DAY 7

技術 時尚外衣任你挑,Lektor主題功能介紹

接下來要介紹主題(Themes)。此功能是在V3.1之後才出現的,目前似乎還不穩定,尚在實驗階段。 主題的功能就跟其他網站,甚至軟體、手機一樣,事先完成整套的配...

鐵人賽 Modern Web DAY 10

技術 隱藏的口袋,showcase現出原形

上一篇介紹了落落長lektor-theme-nix的祕密後,還是有一些3個檔案是比較不熟的: theme.ini showcase.html sho...

鐵人賽 Modern Web DAY 26

技術 沒在用FTP?沒關係,我們還有更厲害的武器!

FTP相對來說是比較不安全的傳輸方式,而SSH可以提供安全的傳輸管道。 SSH以非對稱加密實現身分驗證。身分驗證有多種途徑,例如其中一種方法是使用自動生成的公鑰...

鐵人賽 Modern Web DAY 25

技術 古董級的傳輸協定!FTP部署方法

從小時候就存在的FTP,現在依舊還是偶爾會使用到。貼心的Lektor也提供FTP部署的設定: [servers.production] target = ftp...

鐵人賽 Modern Web DAY 16

技術 分批大法,清單毫秒簡潔清爽!

當你的文章清單過長時,pagination會是你的好朋友,可以幫你將列表分頁,讓畫面更整潔! 設定Pagination 以blog為例,我們會建立blog.in...

鐵人賽 Modern Web DAY 8

技術 教你如何穿衣服,lektor-theme-nix設定

在使用這個主題的時候,先看看README裡面寫了什麼,在使用前先讀取README是個好習慣!要完全使用這個主題的所有功能,需要完成5個步驟,以下接續說明: 4...

鐵人賽 Modern Web DAY 23

技術 Lektor強身健骨丸,建構你的強大model觀

在lektor中,model扮演著很重要的角色(當然content及template也是)。接下來會以models/page.ini檔案作為範例,說明model...

鐵人賽 Modern Web DAY 11

技術 想寫部落格?Lektor也沒問題!

Lektor官網提供了快速指南,針對常用功能撰寫了比較詳細的說明文件,接下來這10天將快速看過一遍! 今天要來介紹的是部落格功能,這個功能在之前使用quicks...

鐵人賽 Modern Web DAY 30

技術 完賽,是另一個階段的開始!

晃眼間,就到鐵人賽最後一天。 經過一個月的努力,也讓我深入瞭解Lektor的功能,最後也成功地完成一開始訂下的目標:『將Lektor網頁部署到GitHub上。』...

鐵人賽 Modern Web DAY 21

技術 老闆我要打包,Lektor也能用webpack

如果還不知道什麼是webpack,可以參考這裡。以下直接說明怎麼使用lektor建立webpack! 設定webpack package.json lektor...

鐵人賽 Modern Web DAY 22

技術 裝上強力的武器,Lektor外掛介紹

在前面的文章中有提到兩個外掛:disqus及webpack。本篇文章將說明如何安裝、讀取、以及基本外掛使用。 安裝外掛 安裝方式有兩種,第一個是直接在.lekt...

鐵人賽 Modern Web DAY 17

技術 網頁創世紀,一篇說完Lektor網頁建置!

今天這一篇又要來把重中之重的網頁架構再來說一遍了!! 在經過這幾天的了解(折磨?)之後,發現Lektor真的提供很大的開放性,修改上也十分簡單。只要掌握好整個網...

鐵人賽 Modern Web DAY 24

技術 一條龍的服務,發布專案依舊不馬虎

接下來終於要進入正題了。前面介紹完Lektor基本功能後,也需要介紹部署到github的方法,不然怎麼符合一開始的目標呢! 在部署的時候有兩個步驟,第一個為bu...

鐵人賽 Modern Web DAY 19

技術 我不轉彎唱上癮?Lektor可以讓網頁不轉彎!

「我不轉彎我不我不轉彎我不我不轉彎...」來自盛夏光年的歌詞,有時候網站不希望一直點來點去,讓畫面轉來轉去,是否可以不要網頁轉彎呢?Lektor只說一句:「當然...

鐵人賽 Modern Web DAY 15

技術 想怎麼排,就怎麼排!

在這邊你可以自訂文章或子頁面的排序,下方以Blog為例: blog.ini [children] model = blog-post order_by = -p...

鐵人賽 Modern Web DAY 12

技術 分類秘笈,再頑強的資料都會乖乖坐好!

在部落格文章或是一些技術文章、資料都會有分類或是篩選的功能,目的是將資料目標集中化,顯示同一類型的資訊,也有點像標籤的功能。本篇文章將帶你按照官網文件完成基本的...