四十四、Hexo搭建自己的博客
最近看了大佬 利用 GitHub 從零開始搭建一個博客文章,解決好久卡在自己的問題,那時看了極客的git課程還是很多問題,找了很多教程,發現都不太全,直到看到
https://mp.weixin.qq.com/s/udAoloIeKINK74T04fQNbQ
這篇就是完美之作,崇拜佩服
文章目錄
- Hexo概述
- 環境安裝
- 搭建博客
- 主題配置
- 部署
- 如何在不同電腦發布
- 發布文章
Hexo概述
Hexo是一個快速、簡潔且高效的博客框架,它能夠將Markdown格式的文檔渲染成漂亮的網頁、要想使用Hexo來搭建自己的博客,強烈建議大家閱讀官方文檔來了解Hexo
環境安裝
安裝nodejs和git
node --version npm --version接下來我們就通過npm來安裝Hexo,命令如下所示。
npm install -g hexo-cli安裝成功后,就可以使用Hexo來創建屬于自己的博客啦。
官網: https://hexo.io/zh-cn/docs/
搭建博客
創建一個專門保存博客項目的文件夾叫blog
hexo init blog這個文件夾并查看目錄結構
- _config.yml是博客項目的配置文件
- package.json`是項目的依賴項文件
- scaffolds保存了Markdown文件的模板,也就是向新添加的Markdown文件中默認填充的內容
- source目錄下有一個名為_post的目錄,我們稍后可以將編寫好的Markdown文件放到該目錄,這樣就可以利用Hexo將Markdown文件處理成博客的靜態頁面,生成的靜態頁面將置于public目錄下
- themes文件夾保存了博客使用的主題。
- 安裝項目所需的依賴項(package.json文件指明了這些依賴項)
然后
hexo generate # 縮寫成 hexo g現在跑起來
hexo server服務器已經運轉起并使用了4000端口,可以通過Ctrl+C來終止服務器的運行。
如果要修改服務器使用的端口,可以在啟動服務器的時候加上-p參數;如果希望服務器啟動后,自動打開默認的瀏覽器訪問服務器,可以使用-o參數,如下所示。
hexo s -p 8000 -o至此,我們已經可以看到Hexo
主題配置
看這篇
https://mp.weixin.qq.com/s/udAoloIeKINK74T04fQNbQ
后面跟著大佬配修改博客的配置文件安裝插件
部署
根據自己的用戶名創建一個倉庫,倉庫一定要取名為“用戶名.github.io”。例如:在GitHub上的用戶名是maoli,那么我的托管博客項目的倉庫一定要命名為maoli.github.io
修改博客項目的配置文件_config.yml,配置使用GitHub來部署該博客項目。
上面的配置中,type指定了使用git進行項目部署,repo指定了部署項目的git倉庫的URL,我們這里使用的是HTTPS的地址,如果之前配置過密鑰對也可以使用SSH的地址,branch指定了將代碼同步到倉庫中的哪一個分支,通常master分支就是發布項目最終工作成果的分支,也稱為項目的主分支。
安裝名為hexo-deployer-git的部署器插件,通過該插件就能實現一鍵部署。
npm install hexo-deployer-git --save可以使用下面的命令來實現一鍵部署到GitHub。
hexo deploy -g或者
hexo generate -d最好像大佬那樣
在根目錄下新建一個 deploy.sh 的腳本文件,內容如下:
hexo clean hexo generate hexo deploy這樣我們在部署發布的時候只需要執行:
sh deploy.sh如何在不同電腦發布
個人覺得就是多人合作使用git開發的道理一樣
- Github 添加新電腦密鑰
在本地創建 SSH Keys:
ssh-keygen -t rsa -C "@郵箱"三次回車
在C:\Users\用戶名\.ssh,打開id_rsa.pub文件,復制里面所有的內容,
這是我電腦的裝git一起配置的
然后進入 github 頁面,點擊右上角的 頭像 > Settings ,在左側找到SSH and GPG keys。
將你原來電腦上個人博客目錄下必要文件拷到你的新電腦上,注意無需拷全部,只拷如下幾個目錄:
_config.yml package.json scaffolds/ source/ themes/初始化git
git init git remote add origin git@gitee.com:用戶個性地址/tztz.git git的ssh鏈接在 cmd 下輸入下面指令安裝 hexo和插件:
npm install發布文章
hexo clean hexo generate hexo deploy像大佬那樣
sh deploy.sh總結
以上是生活随笔為你收集整理的四十四、Hexo搭建自己的博客的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 别人喝酒后挑衅且用酒瓶摔我拿烤肉的签子直
- 下一篇: 美多集成灶的吸油烟效果为什么这么的好?