在本地搭建好博客后我们需要把博客部署在服务器上,这里没有购买服务器的情况下,就暂时部署在码云或者github上也是可以滴。如果之前部署过github的童鞋应该很快就上手了,都差不多的。这里就没有配置本地公钥了。直接使用是http链接方式
-
github :github的page服务也很方便,但是部署了之后会发现访问很慢(github国外网站的原因),并且github不接收百度的seo收录。
-
码云 :国内的,所以访问会快一些,需要每次上传版本后手动部署(免费),如果自动部署或者是自定义域名需要一年99块钱。
码云静态部署博客
前提要有码云的账号,这个就不多说了。
注册ok后就点击新建仓库,用来存放本地上传的博客
![](https://img-blog.csdnimg.cn/img_convert/5becfdeb9822f93f79115859333d5593.png)
然后对仓库进行相应的配置
![](https://img-blog.csdnimg.cn/img_convert/e02b4e7a3fa28c77767f468bb16e901f.png)
创建仓库后,点击克隆/下载复制好你的仓库网址
![](https://img-blog.csdnimg.cn/img_convert/61bfe39723cab9bbb989963eb2fc765e.png)
在打开你的博客的根目录的_config.yml_找到deploy配置如下,这里需要注意,冒号是英文的冒号,冒号后必须要空格,引号可加可不加
![](https://img-blog.csdnimg.cn/img_convert/b6e2e7cea9db12a0c258e358421c9ccb.png)
deploy:
type: 'git'
repo: 你刚才复制的目录
branch: master
最后在博客目录下用gitbash运行打开git面板,输入代码来安装安装hexo-deployer-git模块
npm install hexo-deployer-git --save
![](https://img-blog.csdnimg.cn/img_convert/b9ded2c6d9d41fccaa6aaf17310a64d3.png)
安装好后,在git面板上输入git g -d就可以通过git把博客部署在码云了
git g -d
源码托管部署码云(防止更换电脑电脑)
创建托管环境
新建仓库
![](https://img-blog.csdnimg.cn/img_convert/f50cbcb07eb37d672e8dd4711fca157b.png)
引入源码仓库地址
桌面新建文件夹
- 用git bash打开新建文件夹
- 在新建的仓库中复制地址
![](https://img-blog.csdnimg.cn/img_convert/dcee03b675206fe9381b24928ac05ee1.png)
git面板使用复制:鼠标右键paste
在git 面板里使用以下命令然后回车
git clone 复制的网址
![](https://img-blog.csdnimg.cn/img_convert/f11e5e88e842975cbd052b3eac0c8a4e.png)
复制git目录
打开新建文件夹,里面会有仓库的上传地址,然后复制.git文件目录
![](https://img-blog.csdnimg.cn/img_convert/6cfe47e4c98aa590d8753185461ac44a.png)
把.git目录复制到本地博客目录下
![](https://img-blog.csdnimg.cn/img_convert/29dce5475ca7b25ba4d2d0493cfbcfa0.png)
- public: 静态文件目录
- node_modules:hexo底层文件目录
- scaffolds:我也不知道,没分析
- source:源码目录,存放博客或者页面配置目录
- .gitignore:git过滤文件
- themes:主题文件
- _config.yml:hexo的配置文件
- 下面几个json就不要深究了,没意义了,反正也不做改动的
编辑.gitignore
使用文本工具打开该文件。
.gitignore存放的是过滤文件,在此文档中的文件,是不会被上传的,这里需要删除public,因为部署的时候需要将码云的page定位到上传的public目录
public目录:存放的hexo生成的静态文件也就是hexo g命令生成的静态目录
.gitignore配置:
.DS_Store
Thumbs.db
*.log
node_modules/
.deploy*/
![](https://img-blog.csdnimg.cn/img_convert/58c2b1e256eeeca1691bcd43c863ab4b.png)
上传博客到码云仓库
-
使用git bash打开博客目录
-
使用hexo g 生成静态目录public
-
使用git add . 将blog要上传的文件提交到缓存。这里我理解的是暂时提交到计算机内存里,不知道这理解对不对 (add 和.有个空格的)
git add .
-
使用git commit-m (提交解释) 例如如下代码:
git commit-m 部署博客
-
使用git push提交文件,第一次提交如果文件较多或者较大或者网速不好,会比较慢。
![](https://img-blog.csdnimg.cn/img_convert/4bfb450232ebeda6f1b9d2802448aaa2.png)
使用码云page部署博客
打开码云仓库点击服务,然后选择pages
![](https://img-blog.csdnimg.cn/img_convert/60cc79d2e16166d41ec6c37c2fbad959.png)
分支不变,这里还是只用了一个主分支master
部署目录选择/public
建议使用枪支https这样会降低网站报红
![](https://img-blog.csdnimg.cn/img_convert/f58bafe8c1790bd876362c8c0cfe8eaf.png)
然后点击生成的域名,就直接映射到静态网页了。
css没有效果
如果采用这种方式部署后,网页没有css,配置博客配置文件
url: http://yz-yq.gitee.io/blog
root: /blog/
以后部署博客
- 直接用git bash打开博客目录,
- 先hexo clean删除public静态文件以及缓存
- 然后使用hexo g生成public
- 使用git add .
- 使用git commit -m 说明(必须要有说明才能使用git push)
- 使用git push
- 打开码云 找到博客仓库,找到服务 pages 然后直接点击更新,等待1分钟就部署成功
- 如果更换了电脑,直接git clone仓库源码就可以了。也可以直接下载仓库zip
多分支部署
这里参照GitHub多分支部署