【金秋打卡】第8天-玩转组件库搭建全流程

2022/11/3 4:24:56

本文主要是介绍【金秋打卡】第8天-玩转组件库搭建全流程,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

第一模块

​ 课程名称:玩转组件库搭建全流程

​ 章节名称:

  • 6-5 将文档站点部署到github.io

​ 讲师姓名:郭小新

第二模块

​ 课程内容(概述)

​ 1、如何部署文档到Github.io

第三模块

rollup打包组件库(六) - 部署文档到Github.io

基于上一篇文章,这次我们将文档部署到Github。

创建仓库

  1. 进入Github官网,点击右上角的+号,选择new repository
  2. 填写配置项并提交。仓库名称、是否公开仓库、是否添加README.md

配置Git

  1. 下载Git工具并安装(百度自行搜索,本文使用的是Git-2.28.0-64-bit)

  2. 输入以下命令一路Enter执行Git配置

    ssh-keygen -t rsa -C "邮箱"

  3. 复制C盘用户目录下的id_rsa.pub文件内容(文件路径:C:\Users\ma\.ssh\id_rsa.pub,为了直观,本机修改了文件名为id_rsa_github.pub)

    图片描述

  4. 点击右上角头像下拉的setting后找到SSH and GPG keys --> new SSH key,将上一步的密钥信息填写进去保存即可

    图片描述

本地仓库搭建

在任意目录下,右键,打开Git Bash,将项目Clone下来

git clone 你的项目github地址

部署到仓库

将打包好的文件添加到项目下,在Git Bash控制台下依次执行以下命令

git init
git add ./
git commit -m 'init'
git push

修改Github配置开启访问

选中Setting Tab,找到 Github Pages 选项, 将 Source 改为 master branch, 最后点击 Save 按钮。

图片描述

最后我们会得到一个链接, 通过这个链接, 就能访问到该项目的 github pages 页面。即我们部署文档的页面。

图片描述

第四模块

学习截图
图片描述
图片描述



这篇关于【金秋打卡】第8天-玩转组件库搭建全流程的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程