繼完成鐵人賽後，開始了一段時間的休息，最近都是躺下去醒來就天亮的生活，不知道是工作還是鐵人賽，抑或是純粹天氣轉涼比較好睡(?) 由於鐵人賽完成後，原本想要規劃建...
晃眼間，就到鐵人賽最後一天。 經過一個月的努力，也讓我深入瞭解Lektor的功能，最後也成功地完成一開始訂下的目標：『將Lektor網頁部署到GitHub上。』...
說的其實就是Travis-CI，提供github持續整合專案的平台。設定Travis-CI部署的方式共分4個步驟： .travis.yml .lekto...
Lektor 在GitHub Pages支援上比GitLab還要好一點，可以不用自己手動push上去，與前幾天提到的ftp、rsync一樣，可以直接在.lekt...
在git平台中，比較著名的Github及GitLab兩大平台，Lektor都有提供部署方法。當然除了這兩個平台，還有Bitbucket等強大的平台，只是目前Le...
FTP相對來說是比較不安全的傳輸方式，而SSH可以提供安全的傳輸管道。 SSH以非對稱加密實現身分驗證。身分驗證有多種途徑，例如其中一種方法是使用自動生成的公鑰...
從小時候就存在的FTP，現在依舊還是偶爾會使用到。貼心的Lektor也提供FTP部署的設定： [servers.production] target = ftp...
接下來終於要進入正題了。前面介紹完Lektor基本功能後，也需要介紹部署到github的方法，不然怎麼符合一開始的目標呢！ 在部署的時候有兩個步驟，第一個為bu...
在lektor中，model扮演著很重要的角色(當然content及template也是)。接下來會以models/page.ini檔案作為範例，說明model...
在前面的文章中有提到兩個外掛：disqus及webpack。本篇文章將說明如何安裝、讀取、以及基本外掛使用。 安裝外掛 安裝方式有兩種，第一個是直接在.lekt...
如果還不知道什麼是webpack，可以參考這裡。以下直接說明怎麼使用lektor建立webpack！ 設定webpack package.json lektor...
sitemap主要分為( html、asp、aspx、php )及 XML2大格式，第1種提供給使用者參考導覽，第2種則是提供搜尋引擎，協助SEO網站優化。本篇...
「我不轉彎我不我不轉彎我不我不轉彎...」來自盛夏光年的歌詞，有時候網站不希望一直點來點去，讓畫面轉來轉去，是否可以不要網頁轉彎呢？Lektor只說一句：「當然...
在Lektor中設定自動導向非常地簡單！一樣從model 、template、content依序下手： Model models/redirect.ini 在r...
今天這一篇又要來把重中之重的網頁架構再來說一遍了!! 在經過這幾天的了解(折磨?)之後，發現Lektor真的提供很大的開放性，修改上也十分簡單。只要掌握好整個網...
當你的文章清單過長時，pagination會是你的好朋友，可以幫你將列表分頁，讓畫面更整潔！ 設定Pagination 以blog為例，我們會建立blog.in...
在這邊你可以自訂文章或子頁面的排序，下方以Blog為例： blog.ini [children] model = blog-post order_by = -p...
我說的是你們不是我!抱歉我的美學不太能見人，但是看完這篇，你就可以做出美到讓人想犯錯，只為求一見的404頁面XD。 設定url_style 首先在.lektor...
前面教你如何穿衣服，lektor-theme-nix設定中有提到如何在lektor-theme-nix主題中使用Disqus功能，本篇將帶你在Lektor網頁中...
在部落格文章或是一些技術文章、資料都會有分類或是篩選的功能，目的是將資料目標集中化，顯示同一類型的資訊，也有點像標籤的功能。本篇文章將帶你按照官網文件完成基本的...
Lektor官網提供了快速指南，針對常用功能撰寫了比較詳細的說明文件，接下來這10天將快速看過一遍！ 今天要來介紹的是部落格功能，這個功能在之前使用quicks...
上一篇介紹了落落長lektor-theme-nix的祕密後，還是有一些3個檔案是比較不熟的： theme.ini showcase.html sho...
上一篇介紹如何設定並套用lektor-theme-nix主題，現在讓我們來看一下lektor-theme-nix如何建立主題的。首先看一下他的架構： 除了前面...
在使用這個主題的時候，先看看README裡面寫了什麼，在使用前先讀取README是個好習慣！要完全使用這個主題的所有功能，需要完成5個步驟，以下接續說明： 4...
接下來要介紹主題(Themes)。此功能是在V3.1之後才出現的，目前似乎還不穩定，尚在實驗階段。 主題的功能就跟其他網站，甚至軟體、手機一樣，事先完成整套的配...
接下來介紹一下Templates。Lektor使用Jinja2的格式產生網頁，若有興趣的話可以參考Jinja2官網。 前一篇有提到model與template的...
content放置網頁內容檔案，透過models分析，並渲染到templates。其規則說明如下： content中的每一個資料夾都只負責一個頁面（等於一個網...
讓我們先看一下Lektor quickstart blog範例的整個專案架構，進入專案資料夾中，會看到1個檔案及4個資料夾： . |____LektorTest...
Lektor提供quickstart，可快速建立專案，並可建立基本部落格網站，提供作為範例參考。 建立新專案 輸入以下命令即可建立專案資料。$ lektor q...
Lektor提供桌面版(only for Mac)及命令列兩種方式安裝，但最新的版本已停止支援桌面版，因此將用命令列方式安裝以減少坑的出現。 安裝流程 Pyth...
塔塔墨
iThome鐵人賽
看影片追技術