Axure发布：全备份、自动上传！

ZGSL • 2024-10-04 00:18 • 编程

一、快速备份

Axure发布的主要功能之一是自动备份。在发布之前，Axure拥有非常快速的备份功能，以确保您在发布前的最后一分钟汇总版本的完整性。

在Axure菜单栏中，选择文件>备份。在弹出的窗口中，输入备份文件的名称和描述。点击备份按钮即可创建备份文件。

所有备份文件都会保存在本地磁盘驱动器上，并包括主备份文件和临时备份文件。这满足了所有可能的恢复需求。

二、自动上传

Axure发布具有自动上传功能，将您的文件传送到云端而无需任何手动干预。

要将Axure原型发布到云端，请点击左上角的发布到Axure Cloud按钮。在弹出的窗口中，输入项目的名称和描述。确认上传的文件，选择发布按钮。

此工作必须在云账户上的Axure Cloud中执行。如果您还没有云账户，请首先创建一个账户。

上传过程不需要任何操作。上传后，您可以通过URL地址来访问你的网站。现在，您可以分享您的设计、创建链接并邀请团队来提供反馈。

三、快速部署代码

快速部署您的Axure原型的另一种方法是利用自动生成的JavaScript/CSS/HTML代码。

在发布到Axure Cloud中时，选择部署代码选项。此时，Axure会自动生成一个包含所有所需文件的文件夹。您可以下载并上传该文件夹到您的服务器或安装到您的软件中。

采用这种部署方式，您的团队可以排除某些传统的发布过程（如FTP上传和文件夹创建等），从而省略极大的时间和工作量。您可以专注于设计和其他更重要的事情。


      <!DOCTYPE html>
      <html>
          <head>
              <meta charset="UTF-8">
              <title>My Awesome Axure Prototype</title>
              <link rel="stylesheet" type="text/css" href="styles/axure-all.css"/>
              <script type="text/javascript" src="scripts/jquery-1.11.2.min.js"></script>
              <script type="text/javascript" src="scripts/axure/page.js"></script>
          </head>
          <body onload="InitializeDocument()">
              <div id="base">
                  <div id="u0" class="ax_default" data-label="Header" style="position: absolute; left: 0px; top: 0px; min-width: 100%; min-height: 100%;">
                      <div id="u1" class="ax_default" data-label="Brand">
                          <img id="u1_img" class="img " src="images/axure_logo.png">
                          <div id="u2" class="text">
                              <p>My Awesome Prototype</p>
                          </div>
                      </div>
                  </div>
              </div>
          </body>
      </html>

四、自定义样式

最后，Axure的发布功能还允许您使用自定义样式表来定制您的原型样式。

在Axure发布阶段，选择使用自定义样式选项，并在头部代码区域中输入所有必需的样式。注意确保语法正确和完整。


      <!DOCTYPE html>
      <html>
          <head>
              <meta charset="UTF-8">
              <title>My Awesome Axure Prototype</title>
              <link rel="stylesheet" type="text/css" href="styles/axure-all.css"/>
              <script type="text/javascript" src="scripts/jquery-1.11.2.min.js"></script>
              <script type="text/javascript" src="scripts/axure/page.js"></script>
              <style>
                  #u1 { background-color: #336699 }
                  .text p { font-size: 20px; }
              </style>
          </head>
          <body onload="InitializeDocument()">
              <div id="base">
                  <div id="u0" class="ax_default" data-label="Header" style="position: absolute; left: 0px; top: 0px; min-width: 100%; min-height: 100%;">
                      <div id="u1" class="ax_default" data-label="Brand">
                          <img id="u1_img" class="img " src="images/axure_logo.png">
                          <div id="u2" class="text">
                              <p>My Awesome Prototype</p>
                          </div>
                      </div>
                  </div>
              </div>
          </body>
      </html>

五、结语

Axure发布集成了备份、自动上传、代码部署和自定义样式的功能。这些特性可以协助你快速、方便地将你的设计原型发布到云端，并轻松的分享他们给你的团队和客户。

原创文章，作者：ZGSL，如若转载，请注明出处：https://www.506064.com/n/137886.html