日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

搭建好看的静态博客(使用Hexo进行搭建)

發(fā)布時(shí)間:2025/4/16 编程问答 38 豆豆
生活随笔 收集整理的這篇文章主要介紹了 搭建好看的静态博客(使用Hexo进行搭建) 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

經(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_project

2.使用npm安裝Hexo

為了提高安裝速度,先配置淘寶npm鏡像

E:\project\Hexo_project>npm config set registry https://registry.npm.taobao.org

3.安裝Hexo

E:\project\Hexo_project>npm install -g hexo-cli

4.初始化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 --save

3.部署博客

E:\project\Hexo_project\blog>hexo clean E:\project\Hexo_project\blog>hexo g E:\project\Hexo_project\blog>hexo d

4.測(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/next

2.打開配置文件E:\project\Hexo_project\blog\_config.yml更換主題

# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next plugins: hexo-generate-feed

3.重新部署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)容,希望文章能夠幫你解決所遇到的問題。

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