個人部落格除錯

2021-09-01 13:30:11 字數 795 閱讀 5557

由於之前從沒除錯過css檔案,這次耗費的時間比較長,方法也比較笨,個人部落格的css檔案在\static\css_js目錄下,extra.cssfont-awesome.min.cssjquery.fancybox.cssmain.css,總共四個css檔案,一開始,我也不知道哪個是控制網頁外觀的,然後看了一下blog/templates/base.html檔案的內容,發現中的class大多是在main.css中出現,於是開始笨笨的在main.css檔案中挨個嘗試各個引數,找了很久很久才找到一丁點的線索,是哪個引數在控制網頁的哪一部分,看的頭暈眼花。

休息片刻後我想到之前練習爬蟲的時候有用谷歌瀏覽器檢視網頁元素,作為乙個強大的瀏覽器,谷歌瀏覽器一定有相關的功能可以快速鎖定網頁的哪一部分是怎麼被css所控制的。這樣想過之後,才開始慢慢在元素查詢頁面(elements)和網頁之間來回點,終於發現網頁各個框架的位置是受class的名字控制,在main.css檔案中直接搜尋class的名字即可快速找到對應的引數。

回過頭來,才發現base.html檔案內原本就有class的名字,如果一開始就知道class是控制網頁布局的,也就不用費這麼長時間折騰了。

用谷歌瀏覽器可更直觀的檢視網頁的布局及相應的class。

另外,網頁各框架的寬度width可以用百分比(例如90%)來表示,使網頁適用於不同桌面解析度的電腦上(待驗證)?

個人部落格問題

2.怎麼進行錄屏?gif製作?mac自帶的quicktime就可以,file裡有錄製截圖。錄完之後用gifbrewery進行轉換 或者直接用gifbrewery的record screen錄製 然後直接生成 3.div中元素怎麼居中?行內元素 水平居中 text align centerul水平居中...

個人部落格前言

由於工作之前接觸的是後端,而工作之後一直在做前端的工作,所以有很長的一段時間處於學習的狀態。在這過程中,網上有很多論壇和部落格等給了這方面很大的幫助,但是,這些資訊大多數非常紛雜,錯誤漏洞百出,更有甚者一概複製貼上,導致錯誤的觀點大範圍傳播,對想要獲取真正有用資訊的前端開發者或者技術愛好者造成了極大...

個人部落格搭建

花了3天時間,勉強把部落格基本填充完畢。我的部落格 博主一直都有寫部落格的習慣,之前嘗試了從0開始搭建,但效果並不好,而且在csdn下寫部落格 經常會出現bug,或者發布不了等限制。後經好友纖魂asucreyau推薦,了解到hexo這個框架,於是乎有了本站的誕生。在查閱hexo框架和next官方文件...