【持續更新】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目錄部署到GitHubhexo 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!
<font color="#FF0000"> hello,world! </font>
<font size=5> hello,world! </font>
<font size=5 color="#FF0000">hello,world! </font>
<center>hello,world!</center>
插入表格
效果圖:
左對齊標題 | 右對齊標題 | 居中對齊標題 |
---|---|---|
短文字 | 中等文字 | 稍微長一點的文字 |
稍微長一點的文字 | 短文字 | 中等文字 |
markdown程式碼如下:
| 左對齊標題 | 右對齊標題 | 居中對齊標題 |
| :------| ------: | :------: |
| 短文字 | 中等文字 | 稍微長一點的文字 |
| 稍微長一點的文字 | 短文字 | 中等文字 |