hexo+netlify+git+个人域名搭建博客

2021-07-12 约 1119 字预计阅读 3 分钟次阅读条评论

部署过程需要用到一些Linux命令,且本文部署操作机为Mac,如是Windows不保证能100%成功噢

1、部署准备

1
2
3
4
5


操作机: Mac(iterm)
Git: 创建好个人项目(Public) #注意这里项目命名 XX.github.io.git
Netlify: 注册好自己的项目和团队
Hexo: 5.4.0
Node: 15.12.0(注意Node版本)

PS:以上软件自行安装

2、安装步骤

1.安装Hexo

1

npm install -g hexo-cli

2.初始化博客文件夹

1

hexo init blog   #(blog可根据自己情况更改)

3.安装node_moudles

1
2
3


cd blog

npm install

4.blog目录详解

1
2
3
4
5
6


node_modules: node依赖包
public: 存放生成的页面
scaffolds: 生成文章的一些模板
source: 存放文章
themes: 主题
_config.yml: 博客的配置文件

5.本地启动Hexo

1

hexo s    #(默认为4000端口)

6.hexo新建文章发布步骤

1
2
3
4
5
6
7


hexo clean  #清理静态文件和缓存数据

hexo new "新文章"

hexo g      #生成静态数据(按日期归类的文件夹/html等)

hexo s      #本地启动hexo

7.安装git部署插件

1

npm install hexo-deployer-git --save

8.修改hexo配置文件,关联git地址

1
2
3
4
5
6


vim _config.yml

deploy:
  type: git
  repo: https://github.com/chaoyangya/chaoyangya.github.io.git
  branch: master

9.第一次提交代码

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


git init    #初始化项目文件夹

git add .  #将所有文件添加到暂存区

git commit -m "first commit"   #提交到本地仓库，双引号内是提交的备注信息

git remote add origin https://github.com/chaoyangya/chaoyangya.github.io.git

git pull    #拉取远程主分支信息，首次拉取合并信息

git push -u -f origin master  #提交到远程仓库，这个命令中的 -f 是强制推送，因为远程仓库只有初始化的文件，所以强制推送上去就行了，不加-f 会报当前分支没有远程分支，强制推送可以覆盖master，这样就完成了第一次提交的步骤)

10.将hexo内容部署到生产环境

1

hexo d -g

11.关联Netlify

12.关联git仓库和分支

登录之后点击醒目的绿色的New site fomr Git按钮来新建站点并选取刚刚创建的仓库：

13.部署

点击完Deploy site之后，Netlify 会自动构建并发布你的网站内容，最重要的是Netlify支持分支部署和部署预览，这样可以提高开发效率，降低发布风险和成本。当我还没有打完这行字，Netlify已经完成网站的发布了，它会提供一个由随机字符串组成且以 .netlify.com 为后缀结尾的网站供你访问.