個人博客優化(一)

選擇 Scheme

Scheme 是 NexT 提供的一種特性,藉助於 Scheme,NexT 爲你提供多種不同的外觀。同時,幾乎所有的配置都可以 在 Scheme 之間共用。目前 NexT 支持三種 Scheme,他們是:

Muse - 默認 Scheme,這是 NexT 最初的版本,黑白主調,大量留白
Mist - Muse 的緊湊版本,整潔有序的單欄外觀
Pisces - 雙欄 Scheme,小家碧玉似的清新
Scheme 的切換通過更改 主題配置文件,搜索 scheme 關鍵字。 你會看到有三行 scheme 的配置,將你需用啓用的 scheme 前面註釋 # 去除即可。

設置閱讀全文

在首頁顯示一篇文章的部分內容,並提供一個鏈接跳轉到全文頁面是一個常見的需求。 NexT 提供三種方式來控制文章在首頁的顯示方式。 也就是說,在首頁顯示文章的摘錄並顯示 閱讀全文 按鈕,可以通過以下方法:

1.在文章中使用 <!-- more --> 手動進行截斷,Hexo 提供的方式 推薦
2.在文章的 front-matter 中添加 description,並提供文章摘錄
3.自動形成摘要,在 主題配置文件 中添加:

auto_excerpt:
  enable: true
  length: 150  

默認截取的長度爲 150 字符,可以根據需要自行設定

建議使用 <!-- more -->(即第一種方式),除了可以精確控制需要顯示的摘錄內容以外, 這種方式也可以讓 Hexo 中的插件更好的識別。

添加動態背景

打開主題配置文件_config.yml
按ctrl+f查詢Canvas-nest
將false改爲true即可

# Canvas-nest
canvas_nest: false

# three_waves
three_waves: false

# canvas_lines
canvas_lines: false

# canvas_sphere
canvas_sphere: false

設置之後比較卡,我又設回去了,白乾了。

添加背景

打開blog\themes\next\source\css_custom目錄下的custom.styl文件
輸入如下代碼:

body {
    background:url(https://source.unsplash.com/random/1600x900);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
    background-size:cover;
}
.main-inner { 
    margin-top: 60px;
    padding: 60px 60px 60px 60px;
    background: #fff;
    opacity: 0.9;
    min-height: 500px;
}

遇到的錯誤

錯誤一:can not read a block mapping entry; a multiline key may not be an implicit key at line 9, column 9:

錯誤原因:
修改頁面配置文件_config.yml的時候忘記加了空格。
language: zh-Hans寫成了language:zh-Hans

錯誤二:發現雪花特效跟煙花特效不能同時使用

設置煙花雪花等特效
。。。沒找到好方法,只能用一個了。

錯誤三:不蒜子統計無法使用

解決next主題使用不蒜子統計無法顯示的問題

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章