1. 程式人生 > >【持續更新】hexo next主題優化手冊

【持續更新】hexo next主題優化手冊

本文最新更新於: 月小水長的個人部落格

前言

開此貼的原因

前幾天部落格崩了,重新搭建了這個部落格站點。
特開此貼記錄next主題優化過程中遇到的問題,希望對大家有所幫助。

一些說明

前期相關的Hexo安裝、本地/遠端部署教程可百度在此不再贅述。
基於hexo-next v5.1.4,向上相容,向下相容性不確定,特此宣告。
我的部落格本地根目錄是D:\hexoblog
站點配置檔案全路徑是‪D:\hexoblog\_config.yml
next主題檔案全路徑是‪D:\hexoblog\themes\next\_config.yml

hexo常見操作

hexo new "postName"

#新建文章
hexo new page "pageName" #新建頁面
hexo clean #清除部署快取
hexo n == hexo new #新建文章
hexo g == hexo generate #生成靜態頁面至public目錄
hexo s == hexo server #開啟預覽訪問埠(預設埠4000,可在瀏覽器輸入localhost:4000預覽)
hexo d == hexo deploy #將.deploy目錄部署到GitHub
hexo g -d #生成加部署
hexo g -s #生成加預覽


next主題優化

next風格選擇

next有四種風格,在站點配置檔案搜尋欄位Scheme Settings

可以看到,

# Scheme Settings
# ---------------------------------------------------------------
# Schemes
#scheme: Muse
#scheme: Mist
#scheme: Pisces
scheme: Gemini

我這裡用的是四種:Gemini

next選單設定

比如可以看到我的主頁有首頁留言分類歸檔標籤等選單,
在站點配置檔案下搜尋menu:,可以看到

menu:
  home: / || home
  about: /about/ || user
  message: /message/ || comment
  tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive
  #schedule: /schedule/ || calendar
  #sitemap: /sitemap.xml || sitemap
  #commonweal: /404/ || heartbeat

home就是首頁;message就是留言…一開始只有首頁和歸檔,其餘的需要我們手動建立,
在站點根目錄下開啟命令列,輸入hexo new page "about"
並在主題配置檔案menu:欄位處取消對about的註釋
重新部署我們就可以看到主頁有關於這個選單了,其他的類似,
修改D:\hexoblog\source\about\index.md,就可以修改關於介面了
about: /about/ || user中的user是指關於選單附件的圖示用的是圖示庫裡面名為user的圖示


常見錯誤

本地預覽和同時釋出到遠端的瀏覽結果不一致

這是由快取造成的,需要先hexo clean,再hexo g -d部署到遠端


markdown高階語法

插入連續多行的程式碼塊

按一個tab鍵,然後貼程式碼,保證每一行程式碼前都要額外的tab鍵,同時最前面空一行。
比如,我前面插入的連續行程式碼的實現效果:

設定文字大小和顏色和居中效果

hello,world!
hello,world!
hello,world!
hello,world!

hello,world!
上面的效果需要在markdwon中的程式碼是這樣的:
hello,world!    
<font color="#FF0000"> hello,world! </font>     
<font size=5> hello,world! </font>  
<font size=5 color="#FF0000">hello,world! </font>      
<center>hello,world!</center>  
其中預設的字型大小在2到3之間,但是size不能為小數

插入表格

效果圖:

左對齊標題 右對齊標題 居中對齊標題
短文字 中等文字 稍微長一點的文字
稍微長一點的文字 短文字 中等文字

markdown程式碼如下:

| 左對齊標題 | 右對齊標題 | 居中對齊標題 |
| :------| ------: | :------: |
| 短文字 | 中等文字 | 稍微長一點的文字 |
| 稍微長一點的文字 | 短文字 | 中等文字 |