使用hexo+github搭建個(gè)人博客

一、準(zhǔn)備工作

• 安裝node?nodejs.org/en/download…
• 安裝git??git-scm.com/downloads
• 安裝hexo? npm install hexo-cli -g
  
• 注冊github賬號(hào)并創(chuàng)建項(xiàng)目（??這里的賬號(hào)名字就是你的項(xiàng)目名字，例如：我的賬號(hào)是cc，項(xiàng)目名：cc.github.io.git）

二、 hexo要上場表演啦

構(gòu)建項(xiàng)目

$ hexo init <項(xiàng)目名稱> $ cd <項(xiàng)目名稱>$ npm install復(fù)制代碼

啟動(dòng)項(xiàng)目

$ hexo s復(fù)制代碼

修改配置_config.yml

//修改標(biāo)題# Site title: 王新月的博客 subtitle: 前端歷程 //修改上傳地址# Deployment ## Docs: https://hexo.io/docs/deployment.htmldeploy:type: gitrepo: https://github.com/cc/cc.github.io.gitbranch: master 復(fù)制代碼

修改source/_posts/hello-world.md，你就得到了下面的頁面

三、 hexo已經(jīng)到達(dá)戰(zhàn)場

裝個(gè)熱更新

$ npm install hexo-browsersync --save復(fù)制代碼

裝個(gè)git 支持就能上傳了

$ npm install hexo-deployer-git --save復(fù)制代碼

hexo應(yīng)到達(dá)戰(zhàn)場

$ hexo g //打包$ hexo d //上傳到github 復(fù)制代碼

輸入網(wǎng)址查看

? ? ? ?https://cc.github.io.git? （cc是你到github用戶名）

四、搞個(gè)皮膚sou

這里推薦yilia主題

下載命令

$ cd ./themes/ $ git clone https://github.com/JoeyBling/hexo-theme-yilia-plus.git ./yilia-plus復(fù)制代碼

修改配置文件

# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: yilia-plus復(fù)制代碼

重新構(gòu)建并重啟

$ hexo g //打包$ hexo s//重啟$ hexo clean //如果未生效后在重新hexo g $ hexo d //上傳到github 復(fù)制代碼

如果你想要其他主題可以在官方下載：hexo.io/themes/

王新月的博客

嘰里咕嚕改配置

轉(zhuǎn)載于:https://juejin.im/post/5d5b6983e51d4562043f570b

總結(jié)

以上是生活随笔為你收集整理的2019你还没搭建个人博客吗？进来看看的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。