使用Hexo搭建博客(三),博客配置、主題和寫作

上一篇介紹了博客詳細(xì)的搭建過程,但那僅僅只是一個(gè)毛坯房,后續(xù)所有的裝修都需要自己動(dòng)手。這一篇就來說明一下博客的基本配置和主題的更換,然后開始嘗試寫一篇文章吧。

一、博客的整體配置

博客的整體配置在D:\hexo\_config.yml文件中進(jìn)行。默認(rèn)使用的主題是landscape,主題的配置在D:\hexo\themes\landscape\_config.yml。主題的配置可以暫時(shí)不動(dòng),等到更換了自己滿意的主題后再進(jìn)行。先來說一下博客的整體配置,也就是打開D:\hexo\_config.yml文件,更改里面的部分內(nèi)容。簡(jiǎn)化起見,其他內(nèi)容先不做更改,只更改# site下面的內(nèi)容。

# Site
title: 起今知行 | 思考者  #填寫網(wǎng)站名,會(huì)在標(biāo)簽頁上顯示
subtitle: 自我管理,知識(shí)管理,時(shí)間管理,閱讀,語音寫作,思維導(dǎo)圖,Wiz,TimeMeter  #副標(biāo)題,網(wǎng)站名下面
description: 知識(shí)管理,時(shí)間管理,自我管理,閱讀,語音寫作,思維導(dǎo)圖,Wiz,TimeMeter  #網(wǎng)站描述,便于搜索引擎用關(guān)鍵詞檢索
author: QJzhixing  #作者
language: zh-CN  #語言,中文

更改完畢之后,啟動(dòng)本地預(yù)覽,在瀏覽器中訪問localhost:4000預(yù)覽以下配置的效果,如果滿意的話,Ctrl+C關(guān)閉預(yù)覽,同步到Github上面即可。

hexo s -g
hexo d -g

二、更換主題

使用Hexo更換主題還算方便,先使用克隆命令安裝好主題,然后更改一下博客的配置文件D:\hexo\_config.yml里面的主題名稱就好了。關(guān)于主題的選擇,每個(gè)人的喜好不同,你可以到Hexo官方主題頁面選擇自己喜歡的主題,里面收錄的主題相對(duì)來說功能更齊全,還有wiki里面的主題也還可以 。我選用的是由Pacman主題修改而來的Jacman主題。后面都是針對(duì)于Jacman主題的介紹。說明一點(diǎn):使用他人的主題,一定要保留主題作者的信息(在博客最下面顯示),表示對(duì)作者的尊重。

1.安裝主題

在博客目錄D:\hexo下右鍵點(diǎn)擊Git Bash,輸入以下命令。其他的主題也類似操作。

git clone https://github.com/wuchong/jacman.git themes/jacman

2.啟用主題

修改博客目錄D:\hexo\_config.yml中的theme屬性,將其設(shè)置為jacman。

theme: jacman

3.更新主題

在主題更新之前,一定要備份好主題目錄下的_config.yml文件,尤其是到后面修改了很多配置之后。


cd themes/jacman
git pull origin master

到這里主題的更換就好了,啟動(dòng)本地預(yù)覽一下,可以的話就同步到Github上面吧。

三、主題的配置

主題的配置當(dāng)然就是在D:\hexo\themes\jacman\_config.yml文件里面了。一般而言,主題的作者都會(huì)有對(duì)主題的相關(guān)介紹,看他介紹的修改就可以了。我主要針對(duì)導(dǎo)航欄和右邊欄小部件舉例簡(jiǎn)單說明一下,后面你就知道如何配置了。

menu:  #導(dǎo)航欄
  主頁: /
  歸檔: /archives
  關(guān)于: /about  #介紹一下你自己
  網(wǎng)絡(luò)工具: /tools  #自己添加
  資源共享: /share  #自己添加

widgets:  ## 右邊的零部件,jacman主題提供了7個(gè):category、tag、rss、archive、tagcloud、links、weibo、douban,可以根據(jù)自己喜好增減
- category  #目錄
- tagcloud  #標(biāo)簽云(也可以選用標(biāo)簽,上面顯示數(shù)值)
- links  #友情鏈接,需要自己添加,下一篇再說
- rss  #RSS你們都知道的
- weibo  #微博秀,需要在微博上開通,下一篇再說

導(dǎo)航欄上如何添加新頁面呢?比如我的資源共享頁面,就是輸入下面命令,新建一個(gè)頁面,在里添加內(nèi)容即可。其他的關(guān)于tools也是一樣的做法。

hexo new page "share"

導(dǎo)航欄里的文件都在D:\Hexo\source\目錄下,而零部件widgets的文件都在D:\Hexo\themes\jacman\layout\_widget\文件夾里,在相應(yīng)的文件里修改,然后預(yù)覽再部署。注意,修改任何的配置內(nèi)容,都需要生成之后才有效。

四、寫作

博客基本配置完成了,主題也更換了,開始寫一篇文章吧!上一篇Hexo基本命令中有如何新建文章的命令,使用hexo n那個(gè)命令新建文章就好了,你也可以在博客目錄D:\hexo\source\_posts中新建一個(gè)后綴為.md的文件,使用文本編輯器在里面采用Markdown來書寫,效果一樣。文本編輯器的話,可以選用Notepad++(推薦新手使用),對(duì)Vim熟悉的話也可以使用Vim。這些在這里簡(jiǎn)單帶過,來說點(diǎn)別的東西。

1.添加文章抬頭信息

Hexo默認(rèn)新建的文章抬頭已有title、date、tags等屬性,可能缺乏categoriesmeta標(biāo)簽,想要指定目錄就需要添加categories屬性,而meta標(biāo)簽則是為了便于搜索引擎的收錄。想要修改的話,可以打開D:\Hexo\scaffolds\post.md文件在里面添加。

title:  #文章標(biāo)題
date:  #時(shí)間,一般不用改
categories:  #目錄分類
tags:  #標(biāo)簽,格式可以是[Hexo,總結(jié)],中間用英文逗號(hào)分開
keywords:  #文章關(guān)鍵詞,多個(gè)關(guān)鍵詞用英文逗號(hào)隔開
---

2.文章圖片的存放

想要在文章中插入圖片的話,可以按照Markdown語法來插入,格式為![圖片名稱](圖片地址)。圖片的存放有兩種方式:在本地D:\Hexo\source\目錄下新建一個(gè)存放圖片的文件夾,比如images,然后把想要插入的圖片放在里面,插入圖片的路徑;第二種方法是把圖片上傳到網(wǎng)絡(luò),然后插入圖片路徑。推薦使用第二種。
  推薦兩個(gè)比較好用的:

  • 圖床;無需注冊(cè),方便快捷。
  • 七牛云存儲(chǔ);需要注冊(cè),免費(fèi),空間大,速度快。

到了這一步,基本的配置已經(jīng)完成了,博客寫作需要注意的地方也提到了。但是可能還沒有完,還有一些細(xì)節(jié)的完善,或者你自己想要定制能凸顯你個(gè)性的部件,那么下一篇應(yīng)該也不會(huì)讓你失望。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容