自己的部落格

2022-05-13 08:11:53 字數 2728 閱讀 4328

1、一定要使用reset.css

2、背景圖

沒有內容的話,就不會有背景

fixed可以固定顯示

仔細想想,背景圖,應該是放在body下的。

這樣就能很好的實現背景

同時,背景太清晰了,必須模糊一點

filter: blur(2px);
背景圖不能放body下

不然重新整理頁面的時候,會把清晰的背景圖顯現出來。

整體css

} }#container

要改成

repeat-y
不然縮放之後,下面就沒背景了

x軸不需要

有個問題

這個屬性,會讓這個div下所有子元素都模糊。所以完美的做法是通過after偽類去搞

需要z-index+position去使得after檔住父元素

z-index要設定為負數,不然檔住子元素了

}after是個很奇妙的東西

after不行

將contaner的層級提到最高,背景全都不見了????為啥

父元素高度為0,因為孩子都浮動了,坍塌

after有高度

但是所有常規的清楚浮動方法都無效了

不對。這個不是浮動了。

是因為absolute脫離的文件流,用清除浮動當然沒有效果

這樣fixed高度100%了,有個壞處,如果contaniner裡面的東西,還沒到乙個視窗大小呢?

footer就會跑上去了

footer position absolute botton 0 也沒有用

他是根據視窗定位的。

所以出現滑動條的話,他就卡在中間了。

沒法,所以以後的container,最小高度一定要比視窗大

為了不讓縮放 發現min-width 也不起作用

可以對content只設定max - width

內容做成這樣子,也算小響應式吧

起碼iphone5沒問題了

@media screen and (min-width: 641px)}

@media screen and (max-width: 640px)}

最小的高度都會有90vh了,如果大了可以自動增長,這樣的話,就能保證背景和footer了

但是在iphone下,還是會有一點問題?

明明都不止乙個螢幕的高度了呀

o對了! 因為margin!!最後乙個元素距離footer還有邊距呢!

元素內部padding就好了

感覺要進行路由守衛,不然亂路由,

因為頁面是根據路由引數渲染的,不守衛會有bug

主要的難點就是如何上傳文章/顯示文章!

伺服器url,必須好好敲定....設計

因為使用了cssreset,所有的標籤都沒有樣式了,要自己新增

用了marked,能正確轉換了。。

但是轉換出來的引用和**標籤.... 沒有樣式啊?

mark轉換出來的東西,只有基礎的標籤而已.

果然,是需要去網上找樣式的。。。

賊難找找到了樣式,不要高亮的話

乙個辦法,把需要的樣式copy下來,再微調

高亮效果很差,很多顏色衝突,或者注釋檢測不到,還不如不高亮了

1、在node通過marked對markdown進行轉換

2、使用外部的css樣式進行渲染

這樣就能引入外部樣式,又不影響全域性了

marked的用法

const marked = require('marked');

const highlight = require('highlight.js');

const fs = require('fs');

fs.readfile('test.md',(err,data) =>

else

});}

});就是把內容轉換成對應的html

marked(data.tostring())

完成了,整個適配很不錯

手機也能很好看的檢視

電腦首頁

建立自己的部落格

搭建部落格的方式多種樣,用的工具也千差萬別,這裡我就以我個人近兩天搭部落格的經歷寫乙個分享。相信看完之後就明白為什麼寫部落格的意義所在了。現在進入正題,搭建部落格需要哪些準備呢?作為新手,我覺得準備100rmb足夠了。用空間和vps分別是兩種不同的建站方式。空間也就是虛擬主機,據我所知衡天主機和老薛...

終於開通自己的部落格

今天終於開通自己的部落格了,以前一直都準備開通自己的部落格 以前一直在qq空間裡面寫文章 我這個人有時候比較懶的,以後在空閒的時候,要多寫一些文章了。主要是要對自己職業生涯的總結吧,自己遇到的問題,解決問題的方法,還有很多bios方面的原理,efi,ec等,都準備利用空閒時間來寫寫了,這樣對自己也是...

如何推廣自己的部落格

一 推廣的方法及策略 部落格是網路產品,推廣方式又分為站外推廣及站內推廣,站外推廣是指我們部落格外的推廣,怎麼吸引站外的使用者到我們部落格上來 站內推廣顧名思義就是我們部落格內的推廣了。站外推廣 1 部落格 論壇 貼吧推廣 部落格推廣 首先選擇一些比較知名或者比較穩定的部落格託管商註冊部落格,但在描...