部署过程需要用到一些Linux
命令,且本文部署操作机为Mac,如是Windows不保证能100%成功噢
1、部署准备
代码语言:shell复制操作机: Mac(iterm)
Git: 创建好个人项目(Public) #注意这里项目命名 XX.github.io.git
Netlify: 注册好自己的项目和团队
Hexo: 5.4.0
Node: 15.12.0(注意Node版本)
PS:以上软件自行安装
2、安装步骤
1.安装Hexo
代码语言:shell复制npm install -g hexo-cli
2.初始化博客文件夹
代码语言:shell复制hexo init blog #(blog可根据自己情况更改)
3.安装node_moudles
代码语言:shell复制cd blog
npm install
4.blog目录详解
代码语言:shell复制node_modules: node依赖包
public: 存放生成的页面
scaffolds: 生成文章的一些模板
source: 存放文章
themes: 主题
_config.yml: 博客的配置文件
5.本地启动Hexo
代码语言:shell复制hexo s #(默认为4000端口)
6.hexo新建文章发布步骤
代码语言:shell复制hexo clean #清理静态文件和缓存数据
hexo new "新文章"
hexo g #生成静态数据(按日期归类的文件夹/html等)
hexo s #本地启动hexo
7.安装git部署插件
代码语言:shell复制npm install hexo-deployer-git --save
8.修改hexo配置文件,关联git地址
代码语言:shell复制vim _config.yml
deploy:
type: git
repo: https://github.com/chaoyangya/chaoyangya.github.io.git
branch: master
9.第一次提交代码
代码语言:shell复制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内容部署到生产环境
代码语言:shell复制hexo d -g
11.关联Netlify
登录Netlify
建议使用github
账号登录,会方便很多
12.关联git仓库和分支
登录之后点击醒目的绿色的New site fomr Git
按钮来新建站点并选取刚刚创建的仓库:
13.部署
点击完Deploy site
之后,Netlify
会自动构建并发布你的网站内容,最重要的是Netlify
支持分支部署和部署预览,这样可以提高开发效率,降低发布风险和成本。当我还没有打完这行字,Netlify
已经完成网站的发布了,它会提供一个由随机字符串组成且以 .netlify.com
为后缀结尾的网站供你访问.
14.关联个人域名(如果不是从Netlify购入域名,需要将域名DNS指向Netlify)
选择Add domain alias
添加个人域名,这里Netlify会默认给你新添加的域名多加一个重定向的www网址
15.开启Https
Netlify
免费提供SSL
证书,支持添加自己的SSL
,需要新增三个证书.或者将自己域名的CNAME
记录类型指向你的.com
结尾的域名也可以
添加好之后等一会就可以通过你的域名来访问了
注意
推荐使用各个代码编辑器(大多数支持Markdown
),方便快捷