搭建好看的静态博客(使用Hexo进行搭建)
經(jīng)常看到大牛的博客非常的高大帥氣,雖然我很渣,但是逼格不能輸,所以有了以下的搭建記錄。
我的成果ninwoo,喜歡的可以參考下面的記錄一起來(lái)動(dòng)手搞起來(lái)。
安裝Git Bash
訪問git下載最新版本的git bash
安裝完成之后,右鍵打開git bash,設(shè)置用戶名和郵件信息
git config --global user.name "你的GitHub用戶名" git config --global user.email "你的GitHub注冊(cè)郵箱"生成ssh秘鑰文件
ssh-keygen -t rsa -C "GitHub注冊(cè)郵箱"直接三個(gè)回車即可,默認(rèn)不需要設(shè)置密碼。
查看生成的公鑰
cat ~/.ssh/id_rsa.pub復(fù)制內(nèi)容,打開github setting keys界面,創(chuàng)建新的SSH key,并粘貼公鑰到Key輸入框中。
在git bash中測(cè)試是否配置成功
ssh git@github.com出現(xiàn):
PTY allocation request failed on channel 0 Hi Ninwoo! You've successfully authenticated, but GitHub does not provide shell access. Connection to github.com closed.證明設(shè)置成功。
創(chuàng)建GitHub倉(cāng)庫(kù)
創(chuàng)建新的倉(cāng)庫(kù),倉(cāng)庫(kù)名為[用戶名].github.io,用戶名用Github名稱代替。
這樣做的主要目的就是為了以后可以通過該網(wǎng)址進(jìn)行訪問你的博客主頁(yè),所以要仔細(xì)設(shè)置。在這里,我配置成Ninwoo.github.io
以下的配置中,也需要對(duì)應(yīng)修改為你自己的倉(cāng)庫(kù)名。
安裝Node.js
訪問Node.js官網(wǎng)下載安裝包。
下載完成后,點(diǎn)擊安裝。打開CMD查看是否安裝成功。
C:\Users\ljo04>node -v v8.12.0C:\Users\ljo04>npm -v 6.4.1如果上述命令均正常通過,則安裝完成。
安裝Hexo
1.創(chuàng)建一個(gè)新的文件夾作為Hexo的開發(fā)目錄,這里我命名為Hexo_project
E:\project>mkdir Hexo_project2.使用npm安裝Hexo
為了提高安裝速度,先配置淘寶npm鏡像
E:\project\Hexo_project>npm config set registry https://registry.npm.taobao.org3.安裝Hexo
E:\project\Hexo_project>npm install -g hexo-cli4.初始化hexo
E:\project\Hexo_project>hexo init blog INFO Cloning hexo-starter to E:\project\Hexo_project\blog Cloning into 'E:\project\Hexo_project\blog'... remote: Counting objects: 68, done. remote: Total 68 (delta 0), reused 0 (delta 0), pack-reused 67 Unpacking objects: 100% (68/68), done. Submodule 'themes/landscape' (https://github.com/hexojs/hexo-theme-landscape.git) registered for path 'themes/landscape' Cloning into 'E:/project/Hexo_project/blog/themes/landscape'... remote: Counting objects: 838, done. remote: Compressing objects: 100% (6/6), done. Receiving objects: 26% (222/838), 292.01 KiB | 88.00 KiB/s這個(gè)過程可能需要等待一陣時(shí)間
5.測(cè)試站點(diǎn)是否創(chuàng)建成功
# 創(chuàng)建一篇博客test E:\project\Hexo_project\blog>hexo n test# 生成博客 E:\project\Hexo_project\blog>hexo g# 啟動(dòng)服務(wù)器預(yù)覽 E:\project\Hexo_project\blog>hexo s這時(shí),可以打開瀏覽器訪問http://localhost:4000/,查看blog界面,發(fā)現(xiàn)已經(jīng)創(chuàng)建好新的文章test。
推送至網(wǎng)站
1.修改blog配置文件E:\project\Hexo_project\blog\_config.yml
deploy:type: gitrepo: git@github.com:Ninwoo/ninwoo.github.io.gitbranch: master注意:這里repo要選擇ssh的git庫(kù)鏈接,否則會(huì)在部署的時(shí)候報(bào)錯(cuò)
2.安裝Git部署插件
E:\project\Hexo_project\blog>npm install hexo-deployer-git --save3.部署博客
E:\project\Hexo_project\blog>hexo clean E:\project\Hexo_project\blog>hexo g E:\project\Hexo_project\blog>hexo d4.測(cè)試是否部署成功
現(xiàn)在訪問https://ninwoo.github.io/ ,如果出現(xiàn)blog界面這證明部署成功。
更換主題
如果覺得默認(rèn)主題實(shí)在是太丑,可以更換其他主題,下面的教程中,我選擇Next主題。
1.下載主題
E:\project\Hexo_project\blog> git clone https://github.com/theme-next/hexo-theme-next themes/next2.打開配置文件E:\project\Hexo_project\blog\_config.yml更換主題
# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next plugins: hexo-generate-feed3.重新部署blog
E:\project\Hexo_project\blog>hexo clean E:\project\Hexo_project\blog>hexo g E:\project\Hexo_project\blog>hexo d小節(jié)
到這里,高端大氣上檔次的Blog就創(chuàng)建完成了,讀者可以開始編寫自己的blog啦!
轉(zhuǎn)載于:https://www.cnblogs.com/NinWoo/p/9649162.html
總結(jié)
以上是生活随笔為你收集整理的搭建好看的静态博客(使用Hexo进行搭建)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [codeforces 508E]Max
- 下一篇: 即使会溢出,也能得到正确的结果