作為一個iOS研發(fā)已有3年多,漸漸發(fā)現(xiàn)應(yīng)該寫點東西篮愉。不僅能讓自己深入了解,還能給他人留下一點財富差导。所以就在簡書和CSDN寫了一些文章,效果還不錯设褐,收獲了很多喜歡和粉絲。不過心里一直有個結(jié):為什么不自己搭建一個博客呢助析?
于是就有了今天的這篇文章。在這里記錄一下安裝的過程以及遇到的問題外冀。
安裝
我是根據(jù)一篇博客來建立博客的弱判。在此祭出那篇偉大的博客锥惋。5分鐘 搭建免費個人博客.那么這里面我就不贅述了。我用的是nexT.Pisces的主題膀跌。
配置
其實安裝真的很容易,很無腦固灵。很快我的博客就建立起來了。但是巫玻。祠汇。。但可是熄诡。。凰浮。我是個顏控啊,不折騰一下主題袜茧、“美顏”一下還對的起我么菜拓?于是我找到了我心儀的主題笛厦。馬上更換上纳鼎。
更換主題
1.進入你的博客根目錄裳凸。
2.利用git clone
命令將主題拷貝到目錄下的themes
文件夾中,就像這樣:
git clone https://github.com/iissnan/hexo-theme-next themes/next
主目錄結(jié)構(gòu)
- _config.yml:我叫它站點配置文件,他負責這個站點所有配置的東西登舞。
- scaffolds:這個我叫他模板贰逾。它里面放了一些模板文件菠秒。你可以修改里面的內(nèi)容疙剑,這樣在初始化新建博客的時候践叠,里面的內(nèi)容都會顯示在新建的文件中言缤,方便省時禁灼。
- source:資源文件管挟,最讓我頭大的文件夾弄捕。里面可以放任何資源僻孝,比如我正在寫的博客守谓、圖片穿铆、視頻斋荞、音樂等等吧荞雏。這里面有故事,稍后咱倒點茶水好好說說這個讓我這個小白欲罷不能的它凤优。
- themes:這個是用來放主題的。至少我是這么理解的筑辨。
- 其他的:不要問我俺驶,我也不知道挖垛。因為我也只用到了以上這么多痒钝。
主題目錄
_config.yml:我叫它站點配置文件痢毒,他負責這個站點所有配置的東西送矩。
languages:語言模塊哪替,你要適配各種語言版本栋荸,一定要修改這里凭舶。修改對應(yīng)的文件晌块,例:添加中文說明帅霜,請修改
zh-Hans.yml
匆背。source:如果要修改主題里面的資源身冀,請操作這個文件夾钝尸。
layout:負責頁面布局搂根。至少我是這么認為的珍促。不對的話請指正剩愧,先謝謝啦猪叙。
插件&功能
hexo能集成的插件選擇非常多仁卷,我僅僅用到了幾個穴翩,不過盡可能把我知道的列出來锦积,方便大家使用吧:
- 百度統(tǒng)計
- 多說評論
- 閱讀次數(shù)統(tǒng)計
- Algolia 搜索
- RSS
- 側(cè)邊欄社交鏈接
- 開啟打賞功能
- 友情鏈接
- 騰訊公益404頁面
- 訂閱微信公眾號
- MathJax:NexT 借助于 MathJax 來顯示數(shù)學公式,此選項默認關(guān)閉充包。
- 多說熱評文章
問題一覽
博客里面的文章應(yīng)該寫在那個文件夾下?分類基矮、標簽淆储、歸檔里面的博客寫在哪呢家浇?
答:這是我搭建博客困擾我最長時間的問題本砰。根據(jù)5分鐘 搭建免費個人博客這篇文章寫的钢悲,寫博客應(yīng)該在source/_posts
文件夾中点额。那么根據(jù)這個思路來捋的話莺琳,那么分類下的文章就應(yīng)該寫在分類文件夾下还棱,標簽就寫在標簽文件夾下惭等。然而珍手,并不是辞做。
這里面明確一下幾個概念琳要。
- 分類:實際上就是對博客模塊里面的文章進行分類秤茅。
- 標簽:對文章設(shè)置不同的標簽稚补,方便搜索框喳。類似于小分類课幕。不過標記標簽的對象也是對博客模塊下的文章
那么這么說應(yīng)該就可以懂了帖努。博客只能在source/_posts
下創(chuàng)建撰豺。(至少最開始是這樣的拼余。當然你也可以自己去設(shè)置污桦,不完全絕對)匙监。
那么博客里面的文章如何出現(xiàn)在標簽和分類模塊里面呢凡橱?
答:
1.在終端窗口下亭姥,定位到 Hexo 站點目錄下稼钩。使用 hexo new page 新建一個頁面达罗,命名為 tags :
$ cd your-hexo-site
$ hexo new page tags
2.編輯剛新建的頁面坝撑,將頁面的類型設(shè)置為 tags ,主題將自動為這個頁面顯示標簽云巡李。頁面內(nèi)容如下:
title: 標簽
date: 2014-12-22 12:39:04
type: "tags"
---
3.在菜單中添加鏈接抚笔。編輯 主題配置文件 侨拦, 添加 tags 到 menu 中殊橙,如下:
menu:
home: /
archives: /archives
tags: /tags
4.創(chuàng)建博客狱从,并修改里面的屬性,這樣就可以顯示在分類和標簽里面了膨蛮。
$ hexo new test
---
title: test
date: 2017-03-04 11:50:50
tags: hexo
category: hexo
---
5.運行一下看看吧
$ hexo s
文章內(nèi)如何顯示目錄
答:這個問題是正在寫的時候遇到的季研。當你使用#
來設(shè)置標題的時候敞葛,運行以后發(fā)現(xiàn)训貌,為毛沒有目錄制肮?我也嘗試使用``但是也失敗了递沪。后來我將#
和標題用空格隔開后豺鼻,發(fā)現(xiàn)目錄出現(xiàn)了(我只想調(diào)整一下格式款慨。讓代碼看起來更美觀)儒飒。<mark>還有就是設(shè)置標題的時候檩奠,主題會自動為你設(shè)置目錄編號桩了,你不用自己去設(shè)置</mark>
添加頁面footer位置埠戳,訪問人數(shù)和瀏覽次數(shù)
答:如果你用的是nexT的主題井誉,那么修改themes/主題/_cingif.yml
里面的busuanzi
屬性開啟整胃,設(shè)置為ture颗圣。
但是如果你不是next主題屁使,那么你就需要修改文件的代碼在岂。這里附上教程.
添加自定義模塊
答:操作模塊蛮寂,不光要修改_config.yml
文件中的menu選項蔽午,至少next主題不行(之前試過onevcat的主題酬蹋,他的主題就可以直接添加)及老。還要在對應(yīng)的languages下的文件添加對應(yīng)語言。當然還要修改顯示的圖標骄恶,如果不設(shè)置岸蜗,就會默認顯示問號叠蝇。請注意鍵值(如 home)的大小寫要嚴格匹配
總結(jié)
以上就是我建立個人博客的過程以及問題。希望曬出來可以幫助更多的人悔捶。其實看再多大神的博客,都不如看幾遍官方文檔单芜。