更多內容請進我的
更改標題黑色背景
1. 打開Hexo//next//css///.styl，找到改為: $blue-;。
2. 打開Hexo\\next\\css\\.styl，找到-color改為$-color = $;
3. 在Hexo//next//css//base.styl里可以查看顏色設置。
添加圖片背景
1. 在hexo目錄下的文件夾下新建_data文件夾，不是主題next目錄下的文件夾。文件夾里新建文件.styl，添加如下內容：
//背景圖片設置
body {
background-image: url(/images/background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
-image:url 可以直接使用圖片鏈接，也可以是圖片路徑（將自定義圖片放入next\\）
-：若果背景圖片不能全屏，那么是否平鋪顯示，充滿屏幕
-：背景是否隨著網頁上下滾動而滾動，fixed 為固定
-size：圖片展示大小，設置 100%，100% 的意義為：如果背景圖片不能全屏，那么是否通過拉伸的方式將背景強制拉伸至全屏顯示
打開主題配置文件圖片設置背景無法載入，找到:，修改如下：
custom_file_path:
style: source/_data/styles.styl
頁面透明化
為了更好欣賞背景圖片，可將博客頁面透明化，在/_data/.styl里添加如下內容：
//文章透明度設置
.post-block {
opacity: 0.9;
}
//側邊框的透明度設置
.sidebar {
background-color: transparent;
opacity: 0.9;
}
//菜單欄的透明度設置
.header-inner {
background: rgba(255,255,255,0.9);
}
//搜索框（local-search）的透明度設置
.popup {
opacity: 0.9;
}
邊框圓角在hexo目錄下的文件夾下新建_data文件夾，文件夾中新建文件.styl，添加如下內容：
// 圓角設置
$border-radius-inner = 20px 20px 20px 20px;
$border-radius = 20px;
打開主題配置文件，找到:，修改如下：
custom_file_path:
variable: source/_data/variables.styl
添加相冊
在側欄添加相冊，打開相冊，看到的圖片是子相冊的封面，點擊封面會進入子相冊。 1. 在Hexo//_data/.styl里添加如下內容，去掉注釋。
.gallery-page {
margin-top: 0px;
}
.img-list,
.gallery-list {
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: flex-start;
}
.img-column,
.gallery-column {
display: flex;
flex-direction: row;
}
.img-item,
.gallery-item {
margin-bottom: 20px
}
.img-column a,
.gallery-column a {
border-bottom: 0px;
}
.posts-expand .post-body .gallery-column a img {
height: 250px;
width: 500px;
object-fit: contain;
}
.posts-expand .post-body .img-column a img {
height: 250px;
width: 530px;
object-fit: contain;
}
.img-item p,
.gallery-item p {
margin: -15px auto -10px;
max-width: 50%;
text-align: center;
font-size: 15px;
color: $black-deep;
background: rgba(255,255,255,.3);
border-radius: 10px;
border: 1px solid $black-deep;
box-shadow: 0 8px 20px -8px rgba(0,0,0,.3);
}
@media (max-width: 767px){
.gallery-item p {
min-width: 75px;
font-size: 13px;
}
}
在Hexo//里新建文件夾，文件夾里新建index.md，寫入子相冊名稱和封面等信息。
<div class="gallery-item">
<a href="子相冊名1"><img src="子相冊名1/cover-1.jpg"></a>
<p>子相冊名1</p>
</div>
以上表示一個相冊；"子相冊名1/cover-1.jpg"是相冊的封面，可以用縮略圖，為了加快圖片顯示。
<div class="gallery-column">
<div class="gallery-item">
<a href="子相冊名1"><img src="子相冊名1/cover-1.jpg"></a>
<p>子相冊名1</p>
</div>
<div class="gallery-item">
<a href="子相冊名2"><img src="子相冊名2/cover-2.jpg"></a>
<p>子相冊名2</p>
</div>
</div>
以上表示一行有2個相冊，還可以再添加一個，不要再多了。 如果要再添加一行相冊圖片設置背景無法載入，復制上面的代碼。完整內容如下，去掉注釋。
---
title:
type: "gallery"
comments: false
---
<div class="gallery-page">
<div class="gallery-list">
<div class="gallery-column">
<div class="gallery-item">
<a href="子相冊名1"><img src="子相冊名1/cover-1.jpg"></a>
<p>子相冊名1</p>
</div>
<div class="gallery-item">
<a href="子相冊名2"><img src="子相冊名2/cover-2.jpg"></a>
<p>子相冊名2</p>
</div>
</div>
<div class="gallery-column">
<div class="gallery-item">
<a href="子相冊名3"><img src="子相冊名2/cover-3.jpg"></a>
<p>子相冊名3</p>
這里繼續添加相冊。
</div>
</div>
</div>
</div>
為每一個子相冊新建文件夾，在文件夾里新建index.md，寫入子相冊名稱和封面等信息。以某個子相冊為例：在下新建文件夾photo-01，用于存放圖片。在photo-01下新建文件夾small，用于存放縮略圖，點擊縮略圖會顯示大圖。在主題設置里打開: true，用于瀏覽多張圖片。在photo-01下新建index.md，寫入子相冊名稱和封面等信息；刪除注釋內容。
---
title: 子相冊名1
comments: true
---
<div class="gallery-page">
<div class="img-list">
<div class="img-column">
<div class="img-item"> 圖片下添加注釋，需要"img-item">"
<a href="圖片01" data-fancybox="1"><img src="small/圖片01的縮略圖" ></a>
<p>圖片01的注釋</p>
</div>
<div class="img-item">
<a href="圖片02" data-fancybox="1"><img src="small/圖片02的縮略圖"></a>
</div>
</div>
<div class="img-column"> 圖片下無注釋，可以刪除"img-item">"
<a href="圖片03" data-fancybox="1"><img src="small/圖片03的縮略圖"></a>
<a href="圖片04" data-fancybox="1"><img src="small/圖片04的縮略圖"></a>
</div>
<div class="img-column">
<a href="https://XXXXXXXX.png" data-fancybox="1"><img src="https://XXXXXXXXX.png 的縮略圖"></a>
</div>
<div class="img-column">
<a href="" data-fancybox="1"><img src=""></a>
<a href="" data-fancybox="1"><img src=""></a>
</div>
</div>
</div>
每行放兩三張圖片，在中間添加圖片
，可以是本地圖片，也可以是網絡圖片鏈接。 如果圖片不大，可以不用縮略圖，直接用原圖。