為什么要搭建個人博客?
你是否想寫日記一樣記錄自己的生活?
你是否想一點一滴記錄自己在技術的進步?
當我們對于某些問題疑惑時我們會上網百度別人是怎么做的,我們發(fā)現(xiàn)自己要的答案一般在知乎呀,簡書,貼吧,csdn等等論壇上。
個人博客就是可以安放我們思想的地方,就像一個屬于自己小窩。
怎么搭建個人博客
win10上使用 hexo 快速搭建自己個人博客
hexo是一個快速、簡潔且高效的博客框架,在幾秒內,即可利用靚麗的主題生成靜態(tài)網頁。
5分鐘快速搭建
安裝 Node.js,選擇LTS版本。
安裝 Git 選擇Git windows64位(本人64位)git配置教程
在電腦上新建一個文件夾,取名hexoblog
進入文件夾,鼠標右擊 Git bash here 打開終端
輸入
node -v,檢查是否安裝好,node是我們依賴包輸入
npm -v,檢查是否安裝好,npm是我們下載工具輸入
npm install -g cnpm --registry-https://registry.npm.taobao.orgnpm下載太慢了,我們跟換為taobao的源會使我們下載更快一點,npm就被替換成cnpm
輸入
cnpm -v,檢查是否安裝好輸入
cnpm install -g hexo-cli,安裝hexo博客框架輸入
hexo -v,安裝完成之后檢查是否安裝好
輸入hexo init,hexo就會為我們生成一個默認的本地博客了。
輸入
hexo s,啟動博客輸入
git git ,初始化git在瀏覽器輸入
localhost:4000,就會看到我們的博客了
編輯自己的博客內容
如何寫一篇自己的博客
殺掉上一個進程 Ctrl+c,才能進行命令行編輯
輸入hexo n "我的第一篇博客",在文件管理器中就可以看到我們創(chuàng)建的博客文件
輸入
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.yml 為maupassant。后面的是你自己主題背景名字
hexo clean
hexo g
hexo s
hexo d
先清理一下工程,在生成工程,再開始工程,最后推送至服務器
此時你打開網頁會發(fā)現(xiàn),不是心中所想。
但你打開github,下面會詳細介紹該主題是怎么使用的。在這個強烈安利谷歌瀏覽器,我是個英文垃圾,只能翻譯過來了