最近由于是在忍受不了Github的烏龜網(wǎng)速,下定決心將Github上的項(xiàng)目全都轉(zhuǎn)移到Gitee上了淆党。轉(zhuǎn)移后突發(fā)奇想能否用hexo+Github搭建一個(gè)博客呢倔约?(之前在Github上搭建的太卡了就放棄了)然后就開始了新一輪的折騰。下面記錄一些自己在搭建博客時(shí)所踩的坑姥份。
language設(shè)置
在next主題的文檔中告訴我們?cè)O(shè)置中文的方法是在站點(diǎn)配置文件
中設(shè)置:
language: zh-Hans
然而我設(shè)置完成后網(wǎng)站卻并沒有顯示成中文绑嘹。原因是next的主題的language文件中并沒有zh-Hans.yml
文件只有zh-CN.yml
文件稽荧。所以應(yīng)當(dāng)設(shè)置為zh-CN
才行。
archive歸檔頁面
這個(gè)頁面是不需要用hexo new page archive
來創(chuàng)建的圾叼,并且如果不使用hexo g
而直接使用hexo s
的話是無法來瀏覽這個(gè)頁面的蛤克。404頁面是需要部署到Gitee上才有用的。
使用百度統(tǒng)計(jì)
在按照next文檔設(shè)置完成后發(fā)現(xiàn)百度統(tǒng)計(jì)上顯示代碼未生效
夷蚊,經(jīng)過幾次的檢查與重做發(fā)現(xiàn)仍是代碼未生效
构挤。原來百度統(tǒng)計(jì)會(huì)在代碼設(shè)置完成后的3個(gè)小時(shí)內(nèi)生效,并不是立即生效的惕鼓。
在使用了百度統(tǒng)計(jì)后博客也不會(huì)發(fā)生任何變化筋现,只是可以再百度統(tǒng)計(jì)網(wǎng)站里可以看到博客的瀏覽數(shù)據(jù)。而且百度統(tǒng)計(jì)的賬號(hào)與普通百度賬號(hào)是不通用的(我還登了好幾次)箱歧。
next的背景動(dòng)畫
在設(shè)置next主題的動(dòng)畫背景時(shí)矾飞,我將主題配置文件
的canvas_nest
設(shè)置為true
,可是卻沒有產(chǎn)生任何效果呀邢。原因是next主題文件中還沒有相應(yīng)的庫洒沦,需要自己手動(dòng)安裝。
在主題的source/lib
文件夾下運(yùn)行:
git clone https://github.com/theme-next/theme-next-canvas-nest
之后再在主題配置文件
中將動(dòng)畫設(shè)置為true
即可价淌。
修改博客樣式
博客頂部去黑線
next主題頂部的黑線讓我看著實(shí)在是不舒服申眼,去掉它的辦法就是將next/layout/_layout.swig
文件中的這句話注釋掉就可以了。
<div class="headband"></div>
自定義樣式
next主題提供了一個(gè)可以自定義頁面樣式的地方蝉衣,就是主題文件夾中的css/_custom/custom.styl
文件括尸。我們可以在博客網(wǎng)頁中找到需要修改的地方的CSS屬性,再在custom.styl
文件中作出相應(yīng)修改病毡。
另一種方法就是在source/CSS
文件夾下找到對(duì)應(yīng)的CSS樣式文件濒翻,然后直接在文件中作出修改,缺點(diǎn)就是如果修改的地方過多,可能不容易知道自己那些地方做出過修改有送。
自定義字體
使用本地字體設(shè)置
由于我個(gè)人比較喜歡手寫類型的字體淌喻,所以我想將網(wǎng)站的頁面字體改為手寫字體。
首先將本地的字體文件放到next主題的source/fonts
文件夾下娶眷,然后在css/_custom/custom.styl
文件中添加:
@font-face {
font-family: 'fontname';
src: url('/fonts/fontname.woff2');
}
最后在主題配置文件
中的font部分進(jìn)行設(shè)置即可似嗤,例如
global:
external: false
family: yourfontname
size:
減小中文字體文件體積
由于中文字體的文件較大,會(huì)拖慢博客頁面的加載速度届宠。只有盡可能的減少字體文件的體積從而提高網(wǎng)頁的加載速度。
首先我們可以使用FontCreator這個(gè)軟件來對(duì)我們的字體文件進(jìn)行處理乘粒,刪除字體文件中不需要的部分豌注。如羅馬字母、日文平片假名和中文繁體及不常用字等灯萍。之后再使用transfonter網(wǎng)站將文件轉(zhuǎn)為woff2格式可進(jìn)一步減小字體文件體積轧铁。
雖然我做過之后感覺網(wǎng)頁的加載速度還是有點(diǎn)慢,但還勉強(qiáng)可以接受旦棉。希望之后能找到一個(gè)更優(yōu)的處理方法齿风。