W3 CSS 實現固定瀏覽條以及怕苦關
以前學了幾小時boottrap,準備擁抱了,不想沒幾個小時以後,發現W3 CSS代碼更小巧,教程也足夠多。 基於W3 CSS編寫了這個HUGO 模板後,感覺W3 CSS功能確實足夠強了,至少整個中小型網站,CSS方麵應該是完全足夠了。 就用W3 CSS把之前用boottrap弄的固定瀏覽條再弄
77 篇文章
以前學了幾小時boottrap,準備擁抱了,不想沒幾個小時以後,發現W3 CSS代碼更小巧,教程也足夠多。 基於W3 CSS編寫了這個HUGO 模板後,感覺W3 CSS功能確實足夠強了,至少整個中小型網站,CSS方麵應該是完全足夠了。 就用W3 CSS把之前用boottrap弄的固定瀏覽條再弄
Hugo模板的基本功能全部整完了,又抽空將帖子分成兩個目錄,令其支持雙語言,暫時沒有什麼可改的地方。 看我自己這個github,十幾天前發現Hugo這個工具,就建立了這個模板,13天前發起這個項目,這麼多天有61個commit,就是修改了61次。 Git這個版本管理功能真是獨一無二,
Hugo W3 Simple的simple list看了幾天,打算變化一下,昨天就整了一個網格版的。 反正用w3 css框架,這些界麵類的東西都非常容易實現。 普通版光列標題,不做分頁也無所謂,事實上我自己就不愛用分頁,google搜索從來都是設置到結果為100,從來不點第二頁,而且因為google
搜索功能全部搞定,打算將比較難看的/search/?q=blablaURL改成搜索引擎喜歡的/q/blabla 在nginx的conf文件加了這麼幾行 location /q { rewrite ^/q/(.*) /search/?q=$1 break; } 訪問/q/blabla 就轉向到搜索頁麵 …
這幾天玩Hugo和git覺得像回到大學時代剛學彙編語言的狀態。也是一種反璞歸真。 Opensource真是含有巨大的寶庫,這種集體的力量逐步演化下去,會對世界人民日後帶來更深遠的影響。 站在git、hugo、manticoresearch等眾多大神的肩膀上,每樣都會點皮毛的我,自覺也
本是負重散步時間,一看天公不作美,飄著幾絲風雨。 還是更新一下帖子吧 現在用Hugo+git+markdown組合,工作效率大幅增加。 閑話揭過,這次就寫一下如何用git的webhook來實現快速更新hugo網頁 此次操作參考了Digital Ocean的一個老帖。 但該帖用服務器再裝一遍H
好幾天沒有更新了。不是偷懶,是因為找到一個新玩意:-) 前幾天覺得Wordpress的Elegant模板太過冗餘,css設置起來很多衝突。 打算找一個單純支持W3.css的Wordpress模板。 用Google搜索"w3 css wordpress themes"沒找到什麼Wordpres
打算在網站提供電子書在線閱讀,需要內嵌pdf文件。 看了一下有挺簡單的解決方法,直接用embed采用瀏覽器自帶的pdf閱讀器。 代碼如下: <embed src="https://yourwebsite.com/yourfile.pdf" width="100%" height="500px" …
閑逛w3schools發現Bootstrap 4教程。 一看開發的兩位大神也是開發twitter的。 Bootstrap是將javascript和css包裝起來的一個庫。有點像剛開始學編程時的微軟弄的Visual C++的MFC類庫。 當年學這個類庫,將codeguru的MFC子類看得爛熟
前帖話音未落,有點時間,就看看javascript怎麼做。 也十分簡單。 將php那段代碼更改如下: <script> shareurl=encodeURIComponent(location.protocol + '//' + location.host + location.pathname); …
共享條本來采用的是Elegant Themes公司的Monarch插件。 但很奇怪的是它不支持分類目錄和搜索頁麵的共享。 打算自己從最基礎的需求開始做一個。w3school就有一個左側共享條的例子 拿來用一下,先增加css .icon-bar { position: fixed; top: 50%; …
新的項目弄好了,主要是一個產品的細分搜索。 既然是搜索,就要跟google學習了。 雖然他的量級是大海,我的隻是一滴水,但本質是一樣的。 取法乎上,若得其中也不錯了 感受一下google的搜索,有幾條: 所有鏈接都沒有打開新窗口,記得幾年前Google曾經有打開新窗口。 標題沒有關鍵字加黑
Jesse Lau · @jesselaunz
文章寫在博客,影片發在 YouTube,日常想法在 𝕏。三處是同一個人、同一條線索。