小白如何使用Nodejs+Hexo快速搭建個人網站:Hexo詳細使用教程2

2020-12-14 搬磚碼農的人生

本篇文章接著上篇文章繼續講解Hexo詳細使用教程,在上篇文章中已經講解了怎樣發表一篇文章。

主題的設置

我們現在的個人網站使用的是Hexo默認的主題,可能有點醜,不那麼美觀,不過Hexo的主題是有很多供我們選擇的,我們可以選擇一個我們喜歡的主題,直接百度搜索Hexo 主題。

可能位置不一定是第一個,但是網址是那個就行(百家號放網址會檢測到廣告嫌疑,所以就不放網址了,網址我已經標出來了),點進去後就可以看到很多漂亮的主題。

可以選擇自己喜歡的主題,然後點進去找到該主題的github地址,然後點進去進入github將該出題下載下來(或者使用git clone也可以,不過這個在我電腦上太慢了,不如直接點擊下載快速)。比如nexT主題下載如下:

將下載的文件解壓後的目錄如下:

可以看到這裡也有一個_config.yml,這個是主題的配置文件,我們將該目錄複製到我們的項目的主題文件夾下, 將其命名為next:

然後在項目的配置文件_config.yml(不是主題的配置文件,這裡有兩個_config.yml要注意!)將主題設為我們剛下載的主題。

然後使用1. hexo clean 清理項目,2. hexo g 重新生成項目,3. hexo s重新運行。

可以看到瀏覽器的效果如下:

da

我們可以百度hexo next能找到該主題的使用方法:

比如以更改顯示樣式為例:

注意更改的是主題的配置文件_config.yml,而不是項目的_config.yml。改完後效果如下:

我們將語言更改為中文:

更改為顯示中文只需將項目的配置文件_config.yml和主題的配置文件_config.yml中的language更改為zh-Hans就行(這裡兩個配置文件都改)。

顯示效果如下:

有的可能沒有顯示分類,標籤等菜單,可以在主題的配置文件中找到menu,配置顯示的菜單:

頁面的生成

當我們點擊分類或者標籤時候會報錯。

那是因為我們項目中還沒有對應的頁面,項目中只是默認有首頁和歸檔頁面,創建頁面使用hexo new page <頁面名> 命令創建,現在我們使用該命令創建分類,標籤,關於頁面,在這裡也可以創建自定義頁面,比如在創建個工程project頁面(該頁面先不用管)。

我們將頁面寫入以下內容:

頁面效果如下:

hexo的命令

上面使用了好多命令,現在來總結下hexo的命令。

init

新建一個網站。如果沒有設置folder,Hexo 默認在目前的文件夾建立網站。

new

新建一篇文章。如果沒有設置layout的話,默認使用 _config.yml 中的default_layout參數代替。如果標題包含空格的話,請使用引號括起來。

generate

生成靜態文件。

該命令可以簡寫為

publish

發表草稿。

server

啟動伺服器。

可以簡寫為 hexo s

deploy

部署網站。

該命令可以簡寫為:

render

渲染文件。

migrate

從其他博客系統 遷移內容。

clean

清除緩存文件 (db.json) 和已生成的靜態文件 (public)。在某些情況(尤其是更換主題後),如果發現您對站點的更改無論如何也不生效,您可能需要運行該命令。

list

列出網站資料。

version

顯示 Hexo 版本。

選項

安全模式

在安全模式下,不會載入插件和腳本。當您在安裝新插件遭遇問題時,可以嘗試以安全模式重新執行。

調試模式

在終端中顯示調試信息並記錄到debug.log。當您碰到問題時,可以嘗試用調試模式重新執行一次,並 提交調試信息到 GitHub。

簡潔模式

隱藏終端信息。

自定義配置文件的路徑

自定義配置文件的路徑,執行後將不再使用_config.yml。

顯示草稿

顯示source/_drafts文件夾中的草稿文章。

自定義 CWD

自定義當前工作目錄(Current working directory)的路徑。

相關焦點

  • 小白如何使用Nodejs+Hexo快速搭建個人網站
    如果你非常想擁有一個完全屬於自己的個人站點,本篇文章將幫助你一步一步搭建屬於自己的個人網站。搭建個人站點的方式有多種多樣,本篇主要介紹基於Node.js環境的使用Hexo在自己的電腦上搭建一個屬於自己的網站。
  • 基於Hexo+GiteePages搭建的個人Blog教程
    然後擁有一個自己的個人博客對於一個計算機專業生或是計算機愛好者都是一件挺好的事情,甚至在面試就業中也會為自己加分。最後就是閒得慌,就是想折騰。二、那麼多博客平臺不用,非要自己搭建一個?首先其實就是覺得自己搞一個比較有成就感,而且自己可控,還有就是完全免費的可以搞一個屬於自己網站,何樂而不為呢?然後就是其實在自己動手搭建的過程中,也是一個學習的過程。
  • 一文詳解Hexo+Github小白建站
    但是這些對於一個有著極其建站欲望的小白來說無疑是難如上青天,對於懶癌患者來說也是一大痛病,通過海量信息的層層篩選,濤濤最終發現Hexo+Github能夠很好的滿足大多數小白的要求,既簡單又美觀,極其適合小白選手,使用它來搭建屬於自己的個人站點再好不過了。如果你有也有建站的想法的話,那麼以下內容將記錄了我之前搭建Hexo的過程,或許能夠幫助到你,久而久之,你還會發現其中還有很多有意思的美化操作。
  • 唯美主題hexo-sakura使用教程
    主題來說,這也算是個特性了)未完善的使用教程那啥?2、主題配置博客根目錄下的_config配置站點部署備份 (使用hexo b發布備份到遠程倉庫,需要在遠程倉庫backup分支)主題目錄下的_config配置
  • 【簡歷加分】hexo框架搭建個人博客站點,手把手教學.
    最近,粉絲們在金九銀十期間也是不斷的面試,有比較多的畢業生說我在這個期間出多一些面試題,上幾期都是傾向於面試文章,這期出一次簡歷加分項操作,使用hexo框架搭建個人博客。作為應屆畢業生或者1-3年工作經驗的程式設計師擁有自己的個人博客站點,絕對是簡歷的加分項,然而學習的成本確實非常的低,只要幾十分鐘就能搭建好自己的個人博客。閒話不多說,下面我們就開始動手來搭建自己的博客吧!
  • 「分享」|hexo搭建個人博客
    今天的話,就來梳理一下從無到有如何搭出來一個項目,技術有限,也請大家多多指正哈。本文採用的主要是hexo來搭建。以下內容如果是用sudo apt-get install的話,缺少依賴時應先運行sudo apt-get update,其他的內容後續想到再補充。1.
  • 「教程篇」Hexo+ NexT 博客美化配置教程|第七篇
    嗨,大家好,今天還是繼續next主題的美化教程。加油。// --------------------------------------------------$box-shadow-inner = 0 2px 2px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.06), 0 1px 5px 0 rgba(0,0,0,.12
  • 給Hexo博客添加文章目錄
    前言因為JSimple主題沒有自帶目錄,所以需要自己動手給hexo博客文章添加目錄功能。第一步 查閱hexo文檔在Hexo官網 文檔>自定義>輔助函數>最下面,可以找到toc這個函數,看其介紹能知道它就是來實現文章目錄的。
  • 厲害了|一秒切換Hexo中英文,厲害了!
    我是小小,今天是本周的第二篇,本篇將會著重講解關於如何切換Hexo中英文Hexo 配置增加英文配置首先在根目錄下增加 _config-en.yml其配置項# Sitetitle: TITLEsubtitle: SUBTITLEdescription: DESCRIPTIONkeywords: KEYWORDSlanguage: en# URLurl
  • 小白站長網站搭建教程
    今天阿呆給大家講一下如何搭建自己的個人網站適合小白站長的個人網站搭建在搭建網站之前需要準備的材料:1.一個備案過的域名【可以自己購買一個域名並備案一下,也可以上百度上百度免費二級域名在平臺上註冊一個免費的二級域名
  • Hexo-miccall主題及html5up站點推薦
    首先向大大家推薦hexo的miccall主題。去其github後才知道主題的模板頁面來自html5up,發現這個html5網站也不錯,推薦給大家。makes spiffy HTML5 site templates that are:Fully Responsive Built on intelligent HTML5 + CSS3 Super Customizable100% Free under the Creative Commons中文描述:製作漂亮的HTML5網站模板
  • 如何快速搭建屬於自己的個人博客網站?
    那麼,我們該如何快速搭建屬於自己的個人博客網站呢?下面本文將詳細分享一下個人博客網站搭建方法和步驟,希望能幫助到有這方面想法的小夥伴。所謂博客主題模板,就是一套安裝在你網站空間的程序,你可以理解為手機中的一個APP,而這個APP能夠實現個人博客的功能。目前主流的博客模板有兩種,一種是國內的Z-blog主題模板,另一種是國外的Wordpress主題模板。這兩種主題模板都是開源的,可以隨時在網上下載來使用。下面簡單說下兩種主題模板的區別。
  • 新浪圖床快速下載markdown圖片並遷移至github教程
    這篇教程就是就是為了幫助同樣用了新浪圖床的道友,快速把圖片遷移到其他圖床~因為之前有過用其他小平臺圖床,然後炸圖的經歷,加強了我對圖床的憂患意識。於是在換到新浪圖床的時候,在github上找到了一個python備份markdown圖片的倉庫。具體可以參考python備份hexo博客圖片這篇文章。
  • 教程| 如何搭建個人博客網站
    今天為大家帶來一篇教程《如何搭建個人博客網站》,喜歡的同學可以研究一下。前期準備:1、一臺雲伺服器2、一個域名3、一個博客網站模板主要涉及知識點:linux基礎命令,mysql基礎操作 步驟1、 伺服器搭建購買一臺網絡雲伺服器,可以考慮阿里雲、騰訊雲、百度雲等,這裡以阿里雲伺服器舉例。
  • 如何寫博客?十年 bloger 經驗分享!
    由於沒有找到合適的 wordpress 的 markdown 插件,於是就自己寫了一個 markdown2wordpress(https://github.com/tl3shi/markdown2wordpress)。後端框架等仍然用 wordpress,繁瑣的排版等問題就直接交給 markdown,也不用登陸 wordpress 後臺進行調整等操作。
  • 免費個人建站教程:快速生成一個展示網站
    隨著各種私域流量、個人品牌的火爆,越來越多自媒體人、大V都開始建立自己的個人網站。其實插畫師、設計師、作家、學生、職場人其實也都可以建站,用來展示作品、工作經歷、分享知識想法、製作個人簡歷,都是非常有用的。那麼該怎樣快速做好個人網站搭建?
  • 如何使用淘點金快速搭建比價網站
    上期介紹了單品和店鋪組件的使用案例,本期將為大家介紹SPU比價組件, 可能有些淘寶客對SPU不是很理解,簡單介紹一下SPU: spu是標類商品的一個概念,所謂標類簡單理解就是有型號的商品,比如iphone5、小米3。
  • 使用 Sphinx 將個人筆記變成文檔的形狀~
    本文從記錄筆記和後期歸檔出發,對比了多個平臺記錄筆記的特點和優勢,最後詳細記錄了使用 Sphinx 編譯筆記為 html 的例子。
  • 如何搭建自己的個人博客
    就在上個月我閱讀了純潔的微笑的博文 技術人如何搭建自己的技術博客這篇文章,我決定折騰一下搭建一下自己的個人博客。其實在17年,我就開始搭建了自己的個人博客,採用Jekyll靜態博客,託管在github上面的,並且買了自己的域名fangzhipeng.com,cname到github上。由於github網絡不穩定,體驗實在是太差,一直沒有怎麼打理,處於一種無人管理的狀態。
  • 如何花最少的錢自己搭建一個模板網站?附詳細網站搭建教程
    輕鬆搭建模板網站很多初創型企業或者初學者喜歡自己研究如何搭建一個網站,因為這樣不僅能夠學到一些關於網站建設的一些基礎知識,還能夠省下一大筆成本。需要 注意的是使用國內的虛擬主機或者雲伺服器需要將域名備案,所以在第二部購買虛擬主機或雲伺服器時儘可能的選擇國外的產品,域名如何備案我們後面講解。下面分別介紹一下這兩種獲得域名域名的方式:1.自行註冊可以根據自己網站的名稱或者公司名稱來編排,這樣方便我們記憶也有助於提升網站和企業的關聯度。