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

编程问答

四十四、Hexo搭建自己的博客

發(fā)布時(shí)間：2024/10/8 编程问答 59 豆豆

生活随笔收集整理的這篇文章主要介紹了四十四、Hexo搭建自己的博客小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

最近看了大佬利用 GitHub 從零開始搭建一個(gè)博客文章，解決好久卡在自己的問題，那時(shí)看了極客的git課程還是很多問題，找了很多教程，發(fā)現(xiàn)都不太全，直到看到

https://mp.weixin.qq.com/s/udAoloIeKINK74T04fQNbQ

這篇就是完美之作，崇拜佩服

文章目錄

Hexo概述
環(huán)境安裝
- - 搭建博客
  - 主題配置
  - 部署
  - 如何在不同電腦發(fā)布
  - 發(fā)布文章

Hexo概述

Hexo是一個(gè)快速、簡(jiǎn)潔且高效的博客框架，它能夠?qū)arkdown格式的文檔渲染成漂亮的網(wǎng)頁(yè)、要想使用Hexo來搭建自己的博客，強(qiáng)烈建議大家閱讀官方文檔來了解Hexo

環(huán)境安裝

安裝nodejs和git

node --version npm --version

接下來我們就通過npm來安裝Hexo，命令如下所示。

npm install -g hexo-cli

安裝成功后，就可以使用Hexo來創(chuàng)建屬于自己的博客啦。

官網(wǎng)： https://hexo.io/zh-cn/docs/

搭建博客

創(chuàng)建一個(gè)專門保存博客項(xiàng)目的文件夾叫blog

hexo init blog

這個(gè)文件夾并查看目錄結(jié)構(gòu)

_config.yml是博客項(xiàng)目的配置文件
package.json`是項(xiàng)目的依賴項(xiàng)文件
scaffolds保存了Markdown文件的模板，也就是向新添加的Markdown文件中默認(rèn)填充的內(nèi)容
source目錄下有一個(gè)名為_post的目錄，我們稍后可以將編寫好的Markdown文件放到該目錄，這樣就可以利用Hexo將Markdown文件處理成博客的靜態(tài)頁(yè)面，生成的靜態(tài)頁(yè)面將置于public目錄下
themes文件夾保存了博客使用的主題。
安裝項(xiàng)目所需的依賴項(xiàng)（package.json文件指明了這些依賴項(xiàng))

npm install

然后

hexo generate # 縮寫成 hexo g

現(xiàn)在跑起來

hexo server

服務(wù)器已經(jīng)運(yùn)轉(zhuǎn)起并使用了4000端口，可以通過Ctrl+C來終止服務(wù)器的運(yùn)行。

如果要修改服務(wù)器使用的端口，可以在啟動(dòng)服務(wù)器的時(shí)候加上-p參數(shù)；如果希望服務(wù)器啟動(dòng)后，自動(dòng)打開默認(rèn)的瀏覽器訪問服務(wù)器，可以使用-o參數(shù)，如下所示。

hexo s -p 8000 -o

至此，我們已經(jīng)可以看到Hexo

主題配置

看這篇

https://mp.weixin.qq.com/s/udAoloIeKINK74T04fQNbQ

后面跟著大佬配修改博客的配置文件安裝插件

部署

根據(jù)自己的用戶名創(chuàng)建一個(gè)倉(cāng)庫(kù)，倉(cāng)庫(kù)一定要取名為“用戶名.github.io”。例如：在GitHub上的用戶名是maoli，那么我的托管博客項(xiàng)目的倉(cāng)庫(kù)一定要命名為maoli.github.io

修改博客項(xiàng)目的配置文件_config.yml，配置使用GitHub來部署該博客項(xiàng)目。

vim _config.yml # 省略上面的內(nèi)容 # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy:type: gitrepo: https://github.com/MaoliRUNsen/MaoliRUNsen.github.io.gitbranch: master

上面的配置中，type指定了使用git進(jìn)行項(xiàng)目部署，repo指定了部署項(xiàng)目的git倉(cāng)庫(kù)的URL，我們這里使用的是HTTPS的地址，如果之前配置過密鑰對(duì)也可以使用SSH的地址，branch指定了將代碼同步到倉(cāng)庫(kù)中的哪一個(gè)分支，通常master分支就是發(fā)布項(xiàng)目最終工作成果的分支，也稱為項(xiàng)目的主分支。

安裝名為hexo-deployer-git的部署器插件，通過該插件就能實(shí)現(xiàn)一鍵部署。

npm install hexo-deployer-git --save

可以使用下面的命令來實(shí)現(xiàn)一鍵部署到GitHub。

hexo deploy -g

或者

hexo generate -d

最好像大佬那樣

在根目錄下新建一個(gè) deploy.sh 的腳本文件，內(nèi)容如下：

hexo clean hexo generate hexo deploy

這樣我們?cè)诓渴鸢l(fā)布的時(shí)候只需要執(zhí)行：

sh deploy.sh

如何在不同電腦發(fā)布

個(gè)人覺得就是多人合作使用git開發(fā)的道理一樣

Github 添加新電腦密鑰

在本地創(chuàng)建 SSH Keys：

ssh-keygen -t rsa -C "@郵箱"

三次回車

在C:\Users\用戶名\.ssh，打開id_rsa.pub文件，復(fù)制里面所有的內(nèi)容，

這是我電腦的裝git一起配置的

然后進(jìn)入 github 頁(yè)面，點(diǎn)擊右上角的頭像 > Settings ，在左側(cè)找到SSH and GPG keys。

將你原來電腦上個(gè)人博客目錄下必要文件拷到你的新電腦上，注意無需拷全部，只拷如下幾個(gè)目錄：

_config.yml package.json scaffolds/ source/ themes/

初始化git

git init git remote add origin git@gitee.com:用戶個(gè)性地址/tztz.git git的ssh鏈接

在 cmd 下輸入下面指令安裝 hexo和插件：