合成大西瓜修改教程–小白向

前期工作:必要环境、部署本地服务器等

点击此处下载必要文件及源码 提取码:0328
点击此处下载PS软件 提取码:0328
点击此处可访问我部署的站点,以供参考

第一步,安装 Node.js,可以通过上面的链接下载安装包。

  • 安装完成后通过 查看是否安装成功。
    查看Vue CLI版本号

第三步,安装 serve 服务

  • 命令行窗口输入 命令进行安装
  • 安装完成后输入 查看是否安装成功
    合成大西瓜修改教程--小白向
  • 命令行输入 启动本地 Web 服务

    合成大西瓜修改教程--小白向

前期工作完成,进入修改阶段

第一步,下载代码编辑软件(如果只改图片不改代码可以不用)

  • 可编辑前端代码的编辑器都可(这里使用Hbuilder X)

  • 各瓜图片文件所在文件夹:res/raw-assets0c 、03、5f、13、50、56、66、74、84、ad、d0
    背景图片和底部图片文件所在文件夹:res/raw-assets85、eb所有文件名不要修改

  • 将整个项目拖入编辑器中(只改图片,没下载的可忽略),找到你要修改的文件,这里以res/raw-assets/d0文件夹下的图片为例

    合成大西瓜修改教程--小白向
  • 选择原图层(下面一个图层),使用左侧魔棒工具选中原图片四个角

    合成大西瓜修改教程--小白向
  • 选择要替换的新图片图层,按下快捷键复制图层

    合成大西瓜修改教程--小白向
  • 此时修改完成,打开浏览器,刷新刚刚打开的这个窗口,可以看到修改的图片已经生效

    合成大西瓜修改教程--小白向
  • 输入仓库名称,选择公开,创建仓库,如下图
    合成大西瓜修改教程--小白向
  • 打开你的源码文件夹,右击文件夹,选择Git Bash Here
    合成大西瓜修改教程--小白向
  • 生成的密钥默认保存在系统盘,C盘下,用户文件夹下的.ssh文件夹
    合成大西瓜修改教程--小白向
  • 打开GitHub面板,点击头像下拉框的settings(设置)
    合成大西瓜修改教程--小白向
  • 起个名字,然后把刚刚复制的密钥粘贴上去,点击添加SSH密钥
    合成大西瓜修改教程--小白向
  • 接下来回到git bash窗口,输入,完成后会发现源码文件夹下多出一个.git文件夹
    合成大西瓜修改教程--小白向
  • 接着输入
    合成大西瓜修改教程--小白向
    • 然后输入git remote add origin 地址(就是建仓库开始复制的地址)
      合成大西瓜修改教程--小白向
      • 最后输入将源码上传到GitHub仓库中

        合成大西瓜修改教程--小白向
      • 往下滚动找到GitHub Pages,分支选择master,其他不动,点击save

        合成大西瓜修改教程--小白向
      • 此时点击网址,即可访问你的网站了

        合成大西瓜修改教程--小白向
      • 很方便的是他会直接检索你GitHub中的仓库、项目,选择刚刚上传的项目,点击import导入

        合成大西瓜修改教程--小白向
      • 点击continue继续,点击deploy,然后等待他自动导入

        合成大西瓜修改教程--小白向
        合成大西瓜修改教程--小白向
        合成大西瓜修改教程--小白向
      • 到这里就是教程的全部内容啦,有什么不懂的可以在最右关注,私信我哦(大调吖)

      各步骤目录

        • 前期工作:必要环境、部署本地服务器等
        • 前期工作完成,进入修改阶段
        • 修改完成,开始部署站点

      文章知识点与官方知识档案匹配,可进一步学习相关知识Git技能树首页概览2883 人正在系统学习中

      来源:大调吖

      声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年1月4日
下一篇 2021年1月5日

相关推荐