码迷,mamicode.com
首页 > 其他好文 > 详细

Hexo、Gitee,2020年最新安装部署完整过程

时间:2020-07-08 13:04:23      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:地址   deploy   描述   RoCE   公钥   ssh   -o   theme   png   

安装 git

安装 nodejs

修改配置

国内淘宝NPM镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):

  • 通过config命令
//If In China, you can set mirror to speed up !
npm config set registry "https://registry.npm.taobao.org/"
npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"
  • 命令行指定
npm --registry https://registry.npm.taobao.org info underscore 
  • 编辑 ~/.npmrc 加入下面内容
    • Windows : %HOMEPATH%/
    • Linux/Unix/Mac: ~/
registry=https://registry.npm.taobao.org/
electron_mirror=https://npm.taobao.org/mirrors/electron/

If you want change cache path, Please refer to the following configuration !

//Windows:
npm config set prefix "C:/Program Files/nodejs/npm_global"
npm config set cache "C:/Program Files/nodejs/npm_cache" 

//Linux\Mac:
npm config set prefix "~/nodejs/npm_global"
npm config set cache "~/nodejs/npm_cache"  

Hexo安装

1. 在自己喜欢的位置建个Hexo文件夹

2. 在shell(就是你的GitBase)中cd到你刚才建的文件夹里去,

//例如我新建的是D盘,Hexo文件夹
cd D:
cd Hexo

3. 在Hexo目录下安装Hexo

npm install -g hexo-cli

4. 检测hexo是否安装成功。

hexo -v

5. 初始化hexo

hexo init blog

blog是会创建一个blog文件夹,如果不在hexo init后面加blog的话,会在你当前的文件夹下初始化hexo

6. 转到刚刚初始化的blog文件夹下。

cd blog/

这时你会发现里面新建了很多文件夹。

7. 安装npm 依赖项。

npm install

8. hexo g,生成静态文件。

技术图片

9. 启动服务器。

hexo server

10. 访问:http://localhost:4000/,出现如下页面就代表你搭建成功了。

技术图片

hexo 主题安装

1. hexo官网主题商店里下一个模板

2. 修改配置文件_config.yml

hexo默认主题是landscape

theme: hexo-theme-snippet//此处为你下载的主题名称

3. 生成静态文件

hexo g

4. 发布

hexo s

5. 访问:http://localhost:4000/

技术图片

现在就可以将这个博客发布到gitee或者github或者coding上了。

Gitee环境部署

1. 注册gitee账号

登录gitee进行注册

2. 新建仓库

技术图片

3. 填写信息,创建仓库

技术图片

技术图片

新建仓库时名称最好是保持跟你注册时的个人空间地址是一样的。因为这样你就不会生成二级域名了。如果不跟注册时的个人空间地址一样的话,到时候自己的网站就会有二级域名的存在了。

点击完创建后,就会跳到仓库页面。

4.部署静态服务

技术图片

点击服务,Gitee Pages。

技术图片

选择强制使用HTTPS

然后启动。

这个时候就会给你生成一个类似https://{你的个人空间地址}.gitee.io(仓库名跟个人空间地址一致)或者https://{你的个人空间地址}.gitee.io/{你的仓库名}(仓库名跟个人空间地址不一致)这样的网址。

至此,你的gitee的静态页面服务就搭建好了。剩下的就是配置git上传到Gitee的权限了。

SSH配置

1. 本地生成秘钥

git config --global user.name "yourname"
git config --global user.email "youremail"
ssh-keygen -t rsa -C "youremail"

默认生成秘钥key在C:\Users\电脑用户名\.ssh文件夹下。

2.添加本地秘钥到Gitee

技术图片

在个人设置里,点击SSH公钥,添加公钥,标题自己随便选,公钥就是本地生成的id_rsa.pub里面的内容。

检查下配置是否成功。

ssh -T git@github.com

配置成功后就可以发布本地生成的博客到Gitee上了。

发布

1. 配置发布地址

在hexo初始化的blog的配置文件_config.yml中配置

deploy:
- type: git
  repository: git@gitee.com:{注册的个人空间地址}/{仓库名}.git
  branch: master //仓库分支

2. 生成静态文件进行发布

到你本地hexo init blog初始化生成的blog文件夹里,打开Git Base命令窗口。

  1. 清除缓存文件 (db.json) 和已生成的静态文件 (public)。

    hexo clean
    
  2. 生成静态文件。

    hexo generate
    
  3. 文件生成后立即部署网站

    hexo deploy
    

这个时候本地的内容就部署到了Gitee上了。

Gitee Pages更新内容

技术图片

点击更新,然后就可以通过https://{你的个人空间地址}.gitee.io(仓库名跟个人空间地址一致)或者https://{你的个人空间地址}.gitee.io/{你的仓库名}(仓库名跟个人空间地址不一致)访问你的网站了。

至此,你的Hexo到Gitee的部署就实现了!

Hexo、Gitee,2020年最新安装部署完整过程

标签:地址   deploy   描述   RoCE   公钥   ssh   -o   theme   png   

原文地址:https://www.cnblogs.com/chaojilaoshi/p/13266271.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!