Hexo零基礎搭建個人博客

為什么要搭建個人博客?

你是否想寫日記一樣記錄自己的生活?
你是否想一點一滴記錄自己在技術的進步?

當我們對于某些問題疑惑時我們會上網百度別人是怎么做的,我們發(fā)現(xiàn)自己要的答案一般在知乎呀,簡書,貼吧,csdn等等論壇上。

個人博客就是可以安放我們思想的地方,就像一個屬于自己小窩。

image

怎么搭建個人博客

win10上使用 hexo 快速搭建自己個人博客
hexo是一個快速、簡潔且高效的博客框架,在幾秒內,即可利用靚麗的主題生成靜態(tài)網頁。

5分鐘快速搭建

安裝 Node.js,選擇LTS版本。
安裝 Git 選擇Git windows64位(本人64位)git配置教程
在電腦上新建一個文件夾,取名hexoblog
進入文件夾,鼠標右擊 Git bash here 打開終端

image

輸入node -v,檢查是否安裝好,node是我們依賴包
輸入 npm -v,檢查是否安裝好,npm是我們下載工具
image

輸入 npm install -g cnpm --registry-https://registry.npm.taobao.org
npm下載太慢了,我們跟換為taobao的源會使我們下載更快一點,npm就被替換成cnpm
輸入 cnpm -v,檢查是否安裝好
在這里插入圖片描述

輸入cnpm install -g hexo-cli,安裝hexo博客框架
輸入hexo -v,安裝完成之后檢查是否安裝好

輸入hexo init,hexo就會為我們生成一個默認的本地博客了。

image

輸入hexo s,啟動博客
輸入git git ,初始化git
在瀏覽器輸入localhost:4000,就會看到我們的博客了

image

編輯自己的博客內容

如何寫一篇自己的博客
殺掉上一個進程 Ctrl+c,才能進行命令行編輯
輸入hexo n "我的第一篇博客",在文件管理器中就可以看到我們創(chuàng)建的博客文件

image

輸入cd source/_posts,在命令行中進入博客文件所在目錄
輸入vim 我的第一篇博客.md, 編輯文章,此時我用的是vim編輯器。如果沒有,也可以用記事本在電腦文件夾打開我的第一篇博客.md文件進行編輯
在這里插入圖片描述

簡單說下vim使用:一進去是無法編輯的,輸入一個小寫 i,進入編輯模式。編輯完成之后,按 ESC 退出編輯模式,輸入 :wq 。退出并保存
在這里插入圖片描述

文章是Markdown語法編寫的,是一種文字板式的標記語言,很好用。

寫完之后,我們需要退回到博客主目錄
輸入cd ..
在輸入cd ..

在這里插入圖片描述

輸入hexo clean,清理一下工程
輸入hexo g,生成一下工程
輸入hexo s,開始我們的工程
進入網頁,刷新網頁,就會發(fā)現(xiàn)我們剛才編輯的那個文章了

在這里插入圖片描述

殺掉進程 之后才能進行,命令行編輯

部署到遠程

使用一個免費的服務器,掛載到Github
推薦使用谷歌瀏覽器,有很多插件,超級爽,比如網頁翻譯。
新建一個倉庫,倉庫命名必須符合規(guī)定,你的昵稱.github.io

在這里插入圖片描述

回到git,目錄處于hexoblog下
輸入cnpm install --save hexo-deployer-git,安裝git一個部署插件
輸入vim _config.yml,修改環(huán)境變量,翻到目錄最下面,進行編輯,網頁鏈接是你的倉庫地址,回到網頁github進行查看
在這里插入圖片描述

輸入hexo d,將博客推送到遠端,過程中需要輸入github的賬號和密碼,完成之后,你可以刷新一下倉庫就會發(fā)現(xiàn)多個很多文件,這就是我們的博客文件

在網頁輸入weiboy99.github.io,就可以看到網頁版的博客,其中github可能較慢,多刷新就好。

我們成功部署到遠端了

更換主題

現(xiàn)在是一個默認沒有任何背景的主題,我們需要更換一個自定義的主題。從github上找一個自己喜歡的主題。
有哪些好看的主題

進入github,看看預覽,中意的話就是他了

克隆到本地
在博客文件夾中進入git,輸入指令:git clone 網址是項目網頁 themes/博客主題名稱

git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant

安裝渲染器,該主題背景需要

cnpm install hexo-renderer-pug --save
cnpm install hexo-renderer-sass --save

然后將theme設置更改 _config.ymlmaupassant。后面的是你自己主題背景名字

hexo clean
hexo g
hexo s
hexo d

先清理一下工程,在生成工程,再開始工程,最后推送至服務器

此時你打開網頁會發(fā)現(xiàn),不是心中所想。
但你打開github,下面會詳細介紹該主題是怎么使用的。在這個強烈安利谷歌瀏覽器,我是個英文垃圾,只能翻譯過來了

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容