github pages第一次尝试

github pages第一次尝试

发现一个将本地静态html放在外网访问,并且可以用手机浏览的好方法,省去了获取免费域名和租用空间的诸多麻烦。

最简单的github pages教程:

  • 1.申请github账号

  • 2.New repository
    这里写图片描述

  • 3.Create repository
    这里写图片描述

  • 4.右上角Setting
    这里写图片描述

  • 5.Launch automatic page generator
    这里写图片描述

  • 6.选择文件名、layout等设置后,Publish page
    这里写图片描述

  • 7.大功告成 可以在index.html中修改为自己的页面
    这里写图片描述


js的一点小问题

1.在html中加入背景音乐

在网上大致看到有 < bgsound> < embed> < audio> 三种标签可以实现,实际操作中发现:

(1).< bgsound >写在< head >标签里,只适用于IE浏览器,现在已经不常用了

<bgsound src="url">

(2).< embed> 标签写在< body>标签里,适配主流浏览器,是主流方法;但需要flash插件,在手机中不支持;现在也多用在播放视频功能

<embed src="url" autostart=true loop=true width=0 height=0>

(3).< audio> 标签写在< body>标签里,适配主流浏览器,可以用在手机背景音乐的播放;但手机不支持自动播放,解决方法是在js中调用play()方法

    <body> ...
    <audio id="bgaudio" loop="loop">
       <source src="url" type="audio/mpeg" />
    </audio>
    </body>
    <script> ...
       document.getElementById('bgaudio').play();
    </script>
答案: 第一次上传代码到Github需要完成以下几个步骤: 1. 首先,在Github上创建一个新的代码仓库。你可以在Github的网站上注册一个账号并登录,然后点击页面右上角的加号按钮,选择"New repository"来创建一个新的仓库。填写仓库名称和描述等信息,然后点击"Create repository"按钮即可创建成功。 2. 在本地电脑上使用Git命令行工具,进入你的项目文件夹。如果还没有安装Git,你可以在Git的官方网站上下载并安装。 3. 在命令行中使用以下命令来初始化一个本地仓库,并将其与Github上的仓库进行关联: ``` git init git remote add origin <仓库的URL> ``` 这里的<仓库的URL>是你在第一步创建的Github仓库的URL。 4. 接下来,你可以将你的代码添加到本地仓库中。使用以下命令添加所有文件: ``` git add . ``` 5. 提交你的代码到本地仓库,并添加一个提交说明: ``` git commit -m "提交说明" ``` 6. 最后,将本地仓库中的代码推送到Github仓库中: ``` git push origin master ``` 这里的"origin"是你在第三步中为Github仓库设置的远程仓库别名,而"master"表示要推送的本地分支。 完成以上步骤后,你的代码就会成功上传到Github仓库中了。记住,在第一次推送代码之前,你可能需要输入你的Github账号和密码进行身份验证。如果你想要避免每次推送都需要输入账号密码,你可以设置SSH密钥进行身份验证。详情可以参考Github的文档或者引用中提到的添加SSH的步骤。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [超详细——入门Github的代码上传](https://blog.csdn.net/weixin_46172366/article/details/128878120)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [第一次上传代码到github](https://blog.csdn.net/ytyxl/article/details/79373899)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值