首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

将静态页面部署github.io

效果: page.zhuchenglin.cn 前提: 这个方法只能用来部署静态页面,而且是可以公开的代码,所以私有项目一定不要图省钱这样部署。...部署步骤: 如果没有github的伙伴注册一个github账号 在github上创建一个公开的项目(注意,如果创建私有的项目,并且能从外面访问到html,这是需要收费的!...里面填上自己的二级域名 将这个项目克隆本地,在这个项目里面完成自己的静态页面,然后提交并推送到远程 这时候你可以使用 github账号.github.io/项目名/页面.html 来访问你的页面 进入你的域名管理后台...(阿里云或其他的),开一个CNAME类型的二级域名解析 github账号.github.io,注意:二级域名要和步骤3中的二级域名保持一致 如果正常的话,这个页面现在就可以通过自己设置的二级域名访问了...私有代码一定不要这样部署,或者付费部署也可以 这种方法只能部署静态开源页面,不能部署含有后端语言的代码 如需转载请注明出处 : https://www.cnblogs.com/zhuchenglin/p

1.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 Github Actions 自动部署 Angular 应用到 Github Pages

    前端项目,最主要的还是能够实际看到,因此考虑找个地方部署,因为自己的博客是部署 github page 上的,并且这个项目也只是一个静态网站,所以这里同样选择使用 github page 同时,考虑发布项目时...此时,如果是部署自己的服务器上,只需要把这个文件夹拷贝服务器上,通过 nginx 之类的服务器指向文件所在路径即可 同样的,当我们想要部署 github page 时,我们也只需要将文件提交到 github...安装完成之后,我们就可以通过 ng deploy 命令来完成部署,插件会自动把打包生成的文件发布 github 上,并创建一个 gh-pages 分支作为 github page 显示的站点 ng...而当我们将程序部署 github page 时,实际对应的网站地址是 https://.github.io/,因此,这里如果不指定 href 的话,...2.2、自动部署 在上面的操作中虽然实现了将程序部署 github page,但是还是需要我们手动的通过 npm 命令来完成部署,接下来就进行改造,通过 github actions 来实现自动部署

    1.4K10

    将Hexo部署GitHub

    前言 Hexo的搭建 配置SSH:Git#配置SSH 创建Github仓库 打开Github,登录账号 点击右上角的“+”,选择“New repository”新建仓库; 输入仓库名(仓库名需要与github...”,然后点击底部的“Create repository”创建仓库 进入创建完成的仓库后点击右侧的“code”按钮,选择“HTTP”,点击右侧的复制图标,将仓库地址复制至剪切板备用 将主题上传至Github...在hexo的根目录下找到“_config.yml”,修改“deploy”配置: deploy: type: git repo: github: 刚才复制的仓库地址 branch:...,很有可能是SSH配置失败导致)。...或者你也可以直接输入hexo g -d直接完成上传操作 上传完成后回到github仓库,可以看到hexo静态文件以上传完成 预览博客 输入博客地址:用户名.github.io,访问博客 因为我这是修改后的博客

    1.3K20

    VuePress教程之部署Github Action

    VuePress教程之部署Github Action 本文阅读重点 < 1 VuePress教程之部署Github Action 1.1 主题的选取:vdoing主题 1.2...安装vdoing主题 1.3 本地部署 1.4 使用Github Action部署 1.5 分享我的 ci.yml配置文件 最近geekzl打算尝试一下VuePress,据说如果用来做文档体验会很不错...# install dependency npm install # or yarn install # develop npm run dev # or yarn dev 本地部署 本地部署,是基于.../deploy.sh即可~ 使用Github Action部署 按作者给的文档 GitHub Actions 实现自动部署静态博客 进行操作 用代码仓库 https://github.com/dbdgs...比如,我的vuepress项目给Github Action用的yaml文件如下: https://github.com/dbdgs/dbdgs.github.io/blob/main/.github/workflows

    2.8K20

    几个简单步骤教你在GitHub Pages上部署Angular应用!

    我已经在Angular中开发了这个简单的Todo应用程序,其中我将通过以下简单步骤来说明如何在GitHub Pages上进行部署... ? ?...在GitHub部署本地存储库 GitHub Pages提供了一种非常方便的方法来从GitHub存储库中部署静态网站。因此,您需要在GitHub.com上拥有一个帐户才能关注本文。...构建您的代码以生成可部署项目 现在,我们需要在生产模式下构建代码,以创建将在GitHub Pages上部署的可分发文件。...现在,在浏览器窗口中打开已部署应用程序的GitHub Pages URL,以检查您的应用程序是否已成功部署GitHub Pages上。...您可以使用另一种方法将Angular应用程序部署GitHub Pages上—使用angular-cli-ghpages软件包。

    1.8K20

    OpenSearch 文档如何部署 GitHub Page 中

    OpenSearch 是可以直接在 GitHub Page 中部署的。 首先将需要部署的仓库 fork 成为你自己的仓库。 GitHub Page 进入 GitHub 的 Page 页面中。...Page 页面配置 Page 页面的配置请参考下图。 上面比较重要的 2 个配置参数为: 你需要使用的分支 你的自定义域名 在你自己需要使用的分支的子目录,请选择 root 目录。...另外一个比较重要的是每次部署都会耗费比较长的时间,每次修改不是马上就能看到的。因此你还需要耐心等待。 页面部署情况 在每次提交后,GitHub 的 Page 都会为你重新部署一次页面。...你可以在你提交的日志中后面的状态来查看部署的情况。 根据我们的经验,每次部署需要几分钟几十分钟不等。...https://www.ossez.com/t/opensearch-github-page/13787

    62730

    同时将博客部署github和conding

    前言 之前我是把hexo托管在github,但是毕竟github是国外的,访问速度上还是有点慢,所以想也部署一套在国内的托管平台, 所以就决定部署coding。...查询了多方资料,终于鼓捣出了本地一次部署,同时更新到github以及coding。...具体过程如下: 一·注册 先注册好coding 和 github 二·创建仓库 这里只介绍coding上面如何创建项目,以及把本地hexo部署coding上面, 还不懂如何创建hexo的,百度很多。...首先我们创建一个项目,创建后进入项目的代码模块,获取到这个项目的ssh地址, 我的是 https://git.coding.net/five-great/five-great.git 三·同步本地hexocoding...博客项目名也叫tengj 那直接访问 tengj.coding.me就能访问博客,否则就要带上项目名:tengj.coding.me/项目名 才能访问 推荐项目名跟用户名一样,这样就可以省略项目名了 最后使用部署命令就能把博客同步

    39820

    Astro网站部署GitHub Pages踩坑记录

    最近心血来潮,搭建了一个笔记网站,用的是 Astro React 模板,部署 GitHub Pages,提交代码自动部署发版。...重定向 /index,部署 GitHub Pages 打开空白,需要访问 w3way.top/index/index 才显示页面,但是这样的话样式又找不到样式,显示一堆文字。...本文关键词:Astro部署GitHub Pages、Astro部署GitHub Pages不显示页面、Astro部署GitHub Pages样式丢失、Astro部署GitHub Pages报错、...Astro部署GitHub Pages失败、Astro部署、Astro React部署GitHub Pages、Astro自动部署、Astro自动部署GitHub Pages、Astro如何部署...GitHub Pages、Astro部署GitHub Pages配置、Astro部署GitHub Pages如何配置 未经允许不得转载:w3h5-Web前端开发资源网 » Astro网站部署GitHub

    1K40

    如何将 Angular 项目部署云开发静态网站托管

    项目,接下来,我就介绍一下应该如何将一个 Angular 项目部署云开发静态网站托管服务中。...[4io2i.png] 再次选择左侧列表的「静态网站托管」 [eqpgf.png] 在静态网站托管页面选择立即开通。 [f85zg.png] 等待静态网站托管服务开通后,你就可以看到这样的界面。...,我们执行命令安装云开发 Cli npm i -g @cloudbase/cli [aq1cr.png] 安装完成后, 执行命令登陆 Cli tcb login 系统会自动打开浏览器,你只需要在弹出的页面中登陆你的腾讯云账号...首先,进入 Angular 项目的 dist 目录: cd dist/cloudbase,然后,执行命令来上传文件 tcb hosting:deploy -e envId 这里你需要将 envId 替换为你自己的环境...ID,比如我的替换为 website-126ca8,结果如下 [cnxtq.png] 可以看到,我成功的上传了文件,这个时候,我可以直接访问我的测试域名来查看我刚刚上传的 Angular 项目。

    2.2K30

    .NET Core + Jenkins + Github 自动化部署 Docker

    -b09/d3c52aa6bfa54d3ca74e617f18309292/jdk-8u301-linux-x64.rpm #授权限 chmod +x jdk-8u301-linux-x64.rpm #...一直等待安装完,如果有失败是网络原因,重试就能装上了。 装完后跳到这个界面,输入用户名密码,邮件。 然后到这个界面,直接保存。 然后开始使用,来到jenkins界面,右上方有个铃,点击升级。....NET Core项目准备 github创建一个私有仓库 创建完后进入仓库,把地址复制出来 把项目克隆本地,这里用vs2019的git功能 点克隆后会弹出一个github的授权页面授权给vs,然后成功把项目克隆本地...创建一个.NetCore程序,并放到刚才克隆的目录 运行一下查看界面 因为我们要把.NetCore程序部署Docker,所以建一个DockerFile文件 点了后会会产生一个Dockerfile文件,...把上面的公钥复制github上的ssh key里。

    14010

    Windows环境下搭建hugo博客部署GitHub

    废话不多说,直接上教程 基于go语言的hugo博客,是对于大多数人的选择,跨平台性,Windows、Linux、macOS都可以部署。有关hugo的详情请查阅更多资料及访问官网了解更多。...GitHub部署 需要部署GitHub Pages 上,首先在GitHub上创建一个Repository,命名为:xdr630.github.io (xdr630替换为你的github用户名)。...创建完成之后,接着把本地博客部署GitHub上 在站点根目录执行 Hugo 命令生成最终页面: hugo --theme=m10c --baseUrl="https://xdr630.github.io.../" --buildDrafts (注意,以上命令并不会生成草稿页面,如果未生成任何文章,请去掉文章头部的 draft=true 再重新生成。)...如果一切顺利,所有静态页面都会生成 public 目录,将pubilc目录里所有文件 push 刚创建的Repository的 master 分支。

    1.3K30

    使用bat脚本部署hexocoding和github

    拉取coding.net的代码和github的代码本地 确保代码能够正常的运行,commit,push 在项目的目录外新建一个push.bat文件 快速预览 ?...如何一步到位提交到仓库 脚本中的变量说明 artsPath 新增文章的目录 codingPath coding的目录 githubPath github的目录 复制文章然后自动执行命令进行部署...call git add * call git commit -m AddArticle call git push 优化v1-加入变量并读取第一个参数为注释 查阅了果然cmd是有变量的,所以提前了路径变量中...call hexo clean call hexo d -g call git add * call git commit -m update_%1 call git push 优化v2-多个仓库的部署...的目录 set githubPath=F:\CodingRepos\ymhexo\yimogit.github.io REM 默认注释add_article,第一个参数为注释 set notes=%1

    68010

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    热门标签

    领券