如何定製博客園的個人空間

来源:https://www.cnblogs.com/nuccch/archive/2018/01/07/8232679.html
-Advertisement-
Play Games

寫在前面 其實網路上已經有許多關於如何美化博客園個人站點的文章,而我卻忍不住總是想寫點什麼。主要是因為我之前在如何選擇和美化博客園個人站點這個問題上走了許多彎路,一開始徘徊於如何選擇一個好看的模板,後來又在調整模板樣式上總覺得不盡如意。直到有一天,我看見了一片博客園的文章,頓時覺得其版權大氣而簡潔, ...


寫在前面

其實網路上已經有許多關於如何美化博客園個人站點的文章,而我卻忍不住總是想寫點什麼。主要是因為我之前在如何選擇和美化博客園個人站點這個問題上走了許多彎路,一開始徘徊於如何選擇一個好看的模板,後來又在調整模板樣式上總覺得不盡如意。直到有一天,我看見了一片博客園的文章,頓時覺得其版權大氣而簡潔,同時還顯得比較漂亮(是我喜歡的style^^^^)。於是,我就開始重新審視我這段時間關於如何美化我的博客空間上所走過的彎路。其實,對於美化博客園個人站點這個需求而言,因為提供了自定義CSS和公告欄等功能,所以只要稍微用點心,就可以達到目的。

定製實踐

1. 選擇一個喜歡的模板

關於模板這個事情,我一開始總覺得官網提供模板實在是太醜了,前前後後選了好幾個都不甚滿意,不是色調不好就是佈局不滿意。後來知道可以定製CSS就開始根據自己的喜好做了些許調整,但是又不是專業前端,修改之後的版本總是覺得哪裡不對勁(矯情病又開始犯了)。後來看到別人的博客空間很漂亮,於是開始搗鼓如何自定義一個新的顯示樣式,於是在網上看了好幾個開源的CSS樣式,反反覆復挑來挑去仍然覺得彆扭,又換回之前的樣式。直到後來,我才徹底明白了我到底要什麼。首先,其實官方的有些模板還是很不錯的,根據自己的喜好選擇一個比較喜歡的,然後使用博客園提供的CSS定製功能進行適當的調整,比如字體,顏色,佈局等等。完成這一步,基本上就有一個雛形了。當然了,如果自己對於CSS非常熟悉,重新自定義一套皮膚也是非常不錯的,註意如果完全使用自定義皮膚,需要禁用模板預設的CSS樣式。

2. 定製個人公告欄

根據我個人的感覺,博客空間漂不漂亮不單單隻是有一個漂亮的皮膚那麼簡單。就好比一個人很漂亮,但是同樣需要一套漂亮的衣服,和一些裝飾,這樣看起來就是一個比較完整飽滿的美麗。那麼,在有了一個基本的皮膚之後,我們需要在進行一定適當的小部件定製。譬如,個人在公告欄中添加一個訪問統計,圖片等等,甚至嵌入一些小廣告也不是不可以哈。於是,我在自己的公告欄中添加了2種訪問統計樣式:PV統計數字顯示和訪問地圖顯示,這樣看起來就顯得立體一些啦。
關於站點統計工具,推薦3個:
(1)Amazing Counters,這個統計工具使用非常方便,只需要簡單註冊即可,提供的統計樣式也比較多。
(2)ClustrMaps,這是一個統計地圖工具,以地圖方式統計顯示瀏覽者的分佈情況,個人覺得還不錯。
(3)Flag Counter,這個工具可以統計訪問者所屬的國家,當你看到自己的博客被世界各地的人瀏覽,是不是自信心又膨脹啦

3. 定製博客簽名

關於博客簽名,其實通常就是一些關於版權的聲明。這個有的人在意有的人不在意,根據喜好來,如果在意,那麼就在“設置->博客簽名”中自定義一個自己喜歡的HTML片段即可。

4. 定製頁首和頁腳html

根據個人喜好隨意定製。

雖然網上已經有了各種各樣的文章,但還是忍不住寫了下來,希望能幫助到瀏覽這篇文章的朋友。
關於定製公告欄,博客簽名等具體的實現可參考:玩轉博客園的5個小技巧


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1、執行Python腳本的兩種方式 2、簡述位、位元組的關係 3、簡述ascii、unicode、utf-­‐8、gbk的關係 4、請寫出 “朱銳” 分別用utf-­‐8和gbk編碼所占的位數 5、Pyhton單行註釋和多行註釋分別用什麼? 6、聲明變數註意事項有那些? 7、如有一下變數n1 = 5, ...
  • 在項目中遇到這樣一個問題。 項目地址: https://github.com/ccyinghua/vue-node-mongodb-project/blob/master/07-shoppingCart.md 有一個good商品模型(models/goods.js) 還有一個user用戶模型(mod ...
  • 指定自增類型 [root@node002 conf]# vi /usr/local/mycat/conf/server.xml 每個參數代表的含義: 0:本地文件自增方式。 1:使用mysql自增。 2:使用本地時間戳方式自增。(linux時間) 3:zk分散式方式 4:zookeeper自增方式 ...
  • 前言 在搭建大數據Hadoop相關的環境時候,遇到很多了很多錯誤。我是個喜歡做筆記的人,這些錯誤基本都記載,並且將解決辦法也寫上了。因此寫成博客,希望能夠幫助那些搭建大數據環境的人解決問題。 說明 : 遇到的問題以及相應的解決辦法是對於個人當時的環境,具體因人而異。如果碰到同樣的問題,本博客的方法無 ...
  • 話說昨晚,寫了一篇:講述Sagit.Framework解決:雙向引用導致的IOS記憶體泄漏(上)文章寫到最後時,多了很多莫名奇妙的問題!!!為瞭解決了這些莫名奇妙的問題,我又戰鬥了24小時〜〜〜然後終於解決了問題,原來是IOS的隱藏性Bug,只想恨恨的說一聲fuck~~~ ...
  • createClass本質上是一個工廠函數,extends的方式更加接近最新的ES6規範的class寫法。兩種方式在語法上的差別主要體現在方法的定義和靜態屬性的聲明上。createClass方式的方法定義使用逗號,隔開,因為creatClass本質上是一個函數,傳遞給它的是一個Object;而cla ...
  • 一、相容情況 說到ECMAScript6,順便提一下ECMAScript5,先看一下ES5的相容情況。ES5瀏覽器支持情況: Opera 11.60;Internet Explorer 9*;Firefox 4;Safari 5.1**;Chrome 13* IE9不支持嚴格模式 — IE10 添加 ...
  • 【獲得成就-十五篇博文打卡】 很開心不知不覺開通博客已經半個月了,雖然中間有兩天斷了,但是好歹沒放棄,一直在堅持,其實最難的事情還是堅持寫博客啊…… 今天狀態其實比昨天好些了,起碼晚上有足夠的時間寫代碼了,昨天那個sort的次數問題,今天也百度了很久,問了一些人,但是都還是沒弄懂,想了想就算了吧,要 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...