Hexo+OSChina(码云)+git 搭建个人博客
生活随笔
收集整理的這篇文章主要介紹了
Hexo+OSChina(码云)+git 搭建个人博客
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1). 安裝Node
2). 安裝Git
3). 注冊碼云
4). 安裝Hexo
npm install hexo-cli -g 圖1.png5). 在一個空文件夾中初始化hexo
hexo init 圖2.png6). 生成靜態頁面
hexo g 圖3.png7). 啟動本地服務
hexo s 圖4.png瀏覽器輸入:http://localhost:4000/ 查看
8). 在碼云中創建項目
圖5.png9). 獲取倉庫地址鏈接
https://gitee.com/mazaiting/blog.git
10). 修改配置項目根目錄_config.yml 文件,修改deploy的值
圖7.png11). 配置用戶名和郵箱
git config --global user.name空格+你的碼云的名字 git config --global user.email空格+你的碼云的郵箱12). 安裝hexo-deployer-git
npm install hexo-deployer-git --save 圖8.png13). 一鍵部署
hexo deploy 圖9.png運行后報錯,然后執行命令npm install hexo --save,運行完成后再執行 hexo deploy
圖10.png
執行成功后:
圖11.png
14). 碼云文件
圖12.png15). 使用免費域名
在項目首頁 -> 服務 -> Gitee Pages
圖13.png
-
進入后頁面如下圖,接下來要先對綁定手機號,點擊下方的藍色設置
圖14.png -
如果已綁定手機號則為該頁面,則直接點擊啟動即可
圖15.png
16). 部署成功
成功后界面如下,登陸https://mazaiting.gitee.io/blog即可訪問
17). 問題
此時訪問https://mazaiting.gitee.io/blog,會沒有樣式
解決方法:在_config.yml中,修改root: / 為 root: /<項目名>/(此處默認為root: /), 然后重新部署。
圖18.png
18). 代碼下載
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的Hexo+OSChina(码云)+git 搭建个人博客的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Python小知识点(5)--面向对象部
- 下一篇: Mysql 锁的机制