# 零基礎自制 部落格園 “Mac & ios 黑暗” 主題 10分鐘詳解 - 精簡歸納 > *JERRY_Z. ~ 2020 / 8 / 29* > *轉載請註明出處！* --- [TOC] --- #### 1.簡單說明（零基礎、超詳細） ###### (1)、為什麼要寫這篇部落格？ 昨天我寫了一篇[《零基礎自制 部落格園 “賽博朋克” 主題 10分鐘詳解 - 精簡歸納》](https://www.cnblogs.com/JERRY-Z-J-R/p/13577558.html)的部落格釋出到部落格園首頁後很快內便得到了600+的閱讀量，當天晚上我在部落格中加入了一個統計訪問量及訪問地的小工具，通過IP訪問記錄所示：中國香港、美國、印度、馬來西亞、新加坡、土耳其，都有IP訪問過我的這篇部落格！（當時部落格已經不在部落格園首頁了，所以流量高峰期並沒有被記錄，不然應該會有更多的IP訪問被記錄）這對我非常的鼓舞，非常開心！！！所以今天我再次寫一篇名為：《零基礎自制 部落格園 ”Mac & ios 黑暗“ 主題 10分鐘詳解 - 精簡歸納》的主題，希望大家喜歡！！！    先給大家看一下我上一篇部落格主頁介面 (“賽博朋克” 風格）： PC端：  移動端： 這是這次的 (”Mac & ios 黑暗“ 風格)： PC端：  移動端：  > 寫部落格很費精力，轉載的話，請註明一下出處！ ###### (2)、部落格園如何零基礎定製自己的主題？ > 由於零基礎不懂任何前端的網頁開發技術，所以這裡只是在部落格園所提供的主題基礎上修改 CSS 樣式，從而制定自己的風格，當然，不要看只是修改樣式，只要你厲害是可以弄出非常漂亮的效果哦！！！ 部落格園修改 CSS 樣式詳細步驟： <1>. 進入自己的部落格主頁點選管理  <2>. 點選設定  <3>. 當前頁面下滑找到部落格面板及定製 CSS  <4>. 選擇一個部落格面板模板，並寫入要替換的 CSS 樣式 <5>. 儲存設定 --- #### 2.運用舉例 > 下文以 SimpleMemory 模板為例 SimpleMemory 預設如下：  在瀏覽器中按 F12 鍵（某些鍵盤為：Fn + F12） 便可開啟部落格頁面的 HTML CSS 程式碼  ###### (1)、修改字型顏色 假如我要把標題改為粉紅色 <1>. 點選左上角檢查元素按鈕  <2>. 滑鼠點選標題文字  <3>. 此時右下角自動定位到標題文字的 CSS 樣式  <4>. 找到控制標題文字的 CSS 程式碼段點選顏色並更改顏色 > 如果不知道具體是哪一個，可以一個一個試一下  此時頁面上的標題顏色已經變成粉紅色了，但此時還沒有結束，這裡只是預覽效果，還沒有真正改變 <5>. 複製控制顏色的那一段 CSS 程式碼段  <6>. 貼上 CSS 樣式  此時部落格頁面的顏色便定製為粉紅色了！！！ ###### (2)、修改字型大小 假如我要把標題放大 基本步驟與更改顏色一樣，不同的是這裡不是修改顏色而是更改或重設字型大小 再次找到剛才標題的 CSS 程式碼塊 新增 font-size: > 假如本來就有 font-size: 那麼只需要修改值即可  選擇一個合適的大小，然後複製貼上到 CSS 設定框中去 完成後的效果：  ###### (3)、修改字型位置 假如我要把標題居中 基本步驟與更改顏色一樣，不同的是這裡不是修改顏色而是更改或重設字型在樣式框中的位置 這次不是點選標題文字，而是點選標題文字所在樣式框  左下角同樣出現了標題框樣式的 CSS 程式碼段 新增 text-align: 這裡選擇居中 > 當然，如果原本就有 text-align: 就只有修改值便可以了 >  同樣把程式碼段複製貼上到 CSS 修改框中  儲存後，最終效果：  其他還有許多可定製的地方，但基本原理相同…… --- #### 3.“Mac & ios 黑暗” 定製步驟 ###### (1)、切換 SimpleMemory 主題  ###### (2)、複製貼上 CSS 樣式 > 轉載請註明出處！！！不可用作商業用途！！！ ```css /* * @Author: JEYYR_Z. SimpleMemory * @Date: 2020-08-29 13:40:27 * @LastEditTime: 2020-08-29 13:44:41 * @LastEditors: Please set LastEditors * @Description: 轉載請註明出處！！！不可用作商業用途！！！ * @FilePath: \undefinede:\MyCode\MyBlog\JERRY'S 教程大本營\零基礎自制 部落格園 ”暗夜極簡“ 主題 10分鐘詳解 - 精簡歸納\新建文字文件.css */ body { color: #fff; background-color: #000; } #home { background-color: #000; } #blogTitle h1 a { color: #ffffff; font-size: xxx-large; } .postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #a3e2ff; transition: all .4s linear 0s; } .postDesc a:link, .postDesc a:visited, .postDesc a:active { color: #ff1493; } .postDesc { color: #b7b7b7; } #sideBar a { color: #ffffff; } #navList a:link, #navList a:visited, #navList a:active { color: #e6e6e6; } .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory { background: #000; } .postBody { color: #fff; line-height: 1.7; font-size: 14px; } .postBody blockquote { background: url(images/comment.gif) no-repeat 25px 0; min-height: 35px; _height: 35px; line-height: 1.6em; color: #fff; } a:link { color: #fff; } .postBody h4 { color: #fff; } a:visited { color: #ff1493; } ``` ###### (3)、最終效果 PC:  移動：  --- #### 4.附 ==*交流方式：*== **QQ：** 1846334075 **WeChat：** zhoujirui54 **CSDN：**

**Cnblogs：** **GitHub：** **Gitee：**

相關推薦

零基礎自制 部落格園 ”Mac &amp; ios 黑暗“ 主題 10分鐘詳解 - 精簡歸納

# 零基礎自制 部落格園 “Mac & ios 黑暗” 主題 10分鐘詳解 - 精簡歸納 > *JERRY_Z. ~ 2020 / 8 / 29* > *轉載請註明出處！* --- [TOC] --- #### 1.簡單說明（零基礎、超詳細） ###### (1)、為什麼要寫這篇部落格？ 昨天我寫

零基礎自制 部落格園 “Mac &amp; ios 黑暗” 主題 10分鐘詳解 - 精簡歸納

# 零基礎自制 部落格園 “Mac & ios 黑暗” 主題 10分鐘詳解 - 精簡歸納 > *JERRY_Z. ~ 2020 / 8 / 29* > *轉載請註明出處！* 寫部落格很費精力，轉載的話，請註明一下出處！ ## (2)、部落格園如何零基礎定製自己的主題？ > 由於零基礎不懂任何前端的網頁開發技

零基礎自制 部落格園 “賽博朋克” 主題 10分鐘詳解 - 精簡歸納

# 零基礎自制 部落格園 “賽博朋克” 主題 10分鐘詳解 - 精簡歸納 > *JERRY_Z. ~ 2020 / 8 / 28* > *轉載請註明出處！* --- [TOC] --- #### 1.簡單說明（零基礎、超詳細） ###### (1)、為什麼要寫這篇部落格？ 作為一名計算機專業的學生

hexo零基礎搭建部落格系列(一)

關於其他搭建 hexo4快速搭建部落格(二)更換主題 hexo4快速搭建部落格(三)美化 很全面 收集很多資料 hexo4快速搭建部落格(四)寫作技巧包含圖床和自動變圖床的外掛 hexo4搭建部落格系列(五)優化部落格(無坑) 部署到阿里雲 hexo4搭建部落格系列(六)百度，必應，谷歌收錄(無坑) 搭建一個

個性化定義部落格園 (一)---基礎準備以及新增動態背景和音樂控制元件

寫在前面       擁有部落格僅僅只是開始，後續該怎樣美化部落格？怎樣使部落格更有個性？這都需要我們一點點去做。由此，我總結出了一些方法，希望能對你有所幫助。我們將以部落格園美化來教你怎樣自定義部落格，使它看起來更加的個性化。 一，準備工作   我的面板選擇的

291.部落格園安卓&amp;蘋果手機客戶端開源專案整理

1.簡介   1.1本貼簡介 　　本貼主要收集一些部落格園安卓&蘋果端的開源專案，方便園友參與開發和下載，各個風格不同，根據各人審美參與開發和下載使用，歡迎下方留言投稿。   1.2本貼說明 　　本貼為個人整理，與部落格園官方無關，其中所有觀點看法均為個人看法，不代表部落格園官方和

Xdebug安裝對應版本與配置 - cxscode - 部落格園

Xdebug安裝地址https://xdebug.org/download.php，進入下載頁面後點擊custom installation instructions，可以找到適合的Xdebug版本。  如果你點選了custom installation instructions，會進入下面的

phpstorm除錯環境XDebug搭建 - cxscode - 部落格園

1.安裝XDebug，通過phpinfo()可以看到xdebug是否已安裝！！！如果未安裝，可以先看我的另一篇關於XDebug安裝的文章：http://www.cnblogs.com/cxscode/p/7045827.html 2.phpstorm配置 因為中間遇到一個坑，所以網上大部分配置操作都做

phpstorm+xdebug詳解 - cxscode - 部落格園

1.run->edit configurations StartUrl最好是網址，不然容易出錯，Server選擇的是配置時新增的Servers，詳可參考：http://www.cnblogs.com/cxscode/p/7045944.html 2. Chrome谷歌瀏覽器的擴充套件我安裝了兩個

windows下nginx配置報錯GetFileAttributesEx - JohnnyWei - 部落格園

因為電腦螢幕出現亮點，拿去換屏了，所以使用了windows環境，安裝了下wlmp環境 在配置Nginx的時候，發現配置沒有問題，但是老是訪問不了。 2015/08/24 15:03:59 [crit] 4560#3796: *222 GetFileAttributesEx() "d:\wwwroot

git分支與版本管理、版本回退、衝突解決記錄 - 海北天藍 - 部落格園

一.基礎使用 1.初始化本地倉庫 git init 2.關聯遠端倉庫 git remote add origin [email protected]:使用者名稱/倉庫名.git 3.新增遠端倉庫檔案到本地 git pull origin master   本地自動建

2018年11月1日開通部落格園感想！

為什麼開通部落格園？對啊？我也想問自己這個問題。我想，還是為了自己心中那份不安分吧。至於自己心中的那小目標，我一直在奮鬥著。。。。。，我感覺在向我招手，我在一直在努力著。歸結一點就是使自己to Strong,better Strong。 學習是一個持續的過程，由於學習知識的混亂，我認為有必要將自己的學習的知

部落格園新增github角標的方法

作為程式設計師，總該有個 github 賬戶吧。可以使用 GitHub Corners 將部落格和 Github 賬戶關聯起來。 效果圖:見左上角 使用方式： 進入 GitHub Corners ，選擇自己鐘意的 Github 角樣式，拷貝對應的程式碼。記得將超連結 a 的 href 屬性替換為你的 git

今天，我開通了部落格園！

部落格開通時間： 　　2018-11-02-19:43:15   開通部落格目的： 　　記錄學習程序，分享開發過程！   部落格內容： 　　1、學習C++，為了更深刻的理解計算機工作原理； 　　2、學習Python； 　　3、用Python開發houdini外掛； 　　

尋找複雜背景下的物體輪廓 (從禾路的部落格園整理學習)

目錄 1.問題背景 2.解決思路 3.程式碼實現 4.相關資料 1.問題背景 由於拍攝時產生的陰影原因，所計算出來的物體輪廓並不完整。那麼有沒有方法檢測出物體的完整輪廓呢？             &n

部落格搬家系列（三）-爬取部落格園部落格

部落格搬家系列（三）-爬取部落格園部落格 一.前情回顧  部落格搬家系列（一）-簡介：https://blog.csdn.net/rico_zhou/article/details/83619152  部落格搬家系列（二）-爬取CSDN部落格：https://bl

MySQL優化---儲存過程和儲存函式-1-轉自部落格園

轉自網際網路.mysql優化   當一個大型系統在建立時，會發現，很多的SQL操作是有重疊的，個別計算是相同的，比如：業務系統中，計算一張工單的計算方式。當遇到這些情況時，我們運用儲存過程就是一個非常棒的優化啦。那麼，什麼是儲存 過程和儲存函式呢？ 一、MYSQL儲存過程簡介（技術

加入部落格園的第一篇文章

這裡是一個大一軟體專業的....萌新? 近些時候大佬AK說:我開了個公眾號,我們寫個docker教程吧..... 但是呢我剛開學沒多久事情亂七八糟的有一堆 只能晚上看看他寫好的文章提提意見然後再上傳 唯一做過的貢獻可能就是docker教程系列的封面是我做的吧 其他的事情都是大佬去做的(逃) 原先是

實驗03部落格園總結

1.為什麼子類的構造方法在執行之前，必須呼叫父類的構造方法？能不能反過來？為什麼不能反過來？ 　　建構函式（constructor）是一種特殊的方法 。主要用來在建立物件時初始化物件， 即為物件成員變數賦初始值，總與new運算子一起使用在建立物件的語句中 。　　一個類可以有多個建構函式 ，可根據其引數個數的

編寫windows服務 定時爬取部落格園文章 郵件提醒以及入庫

這段時間工作比較忙，每天也沒那麼多的時間逛部落格園看文章，於是就想寫一個工具 每天早上9點爬取文章給自己發郵件 作為每天的技術早餐。 相對而言，爬取部落格園的文章還是比較簡單的，主要思路就是分析部落格園文章列表的分頁，請求方式，頁面渲染方式等， 寫篇隨筆簡單share一下。 這個小工具主要用到的由nl