织梦后台如何上传已写好的HTML文件?

99ANYc3cd6
预计阅读时长 12 分钟
位置: 首页 织梦建站 正文
  1. 作为“单页文档”上传(最推荐,最灵活)

    • 适用场景:这个HTML文件是一个完整的、独立的页面,关于我们”、“联系我们”、“公司介绍”等,你想让它像普通文章一样,在网站的栏目列表中显示,并且有独立的URL。
    • 优点:完全融入织梦系统,可以方便地调用织梦的标签(如 {dede:arclist})、使用系统模板、管理方便。
  2. 直接覆盖或上传到指定目录(不推荐,有风险)

    • 适用场景:这个HTML文件是一个固定的、不需要经常修改的页面,或者是一个由其他程序生成的静态页面,你想直接让它成为网站的一部分。
    • 缺点:与织梦系统分离,无法使用织梦标签,更新维护麻烦,容易因织梦升级或模板修改而失效。

作为“单页文档”上传(强烈推荐)

这是最规范、最安全的方法,操作步骤如下:

第1步:准备你的HTML文件

  1. 与样式:为了方便管理和维护,强烈建议将HTML文件中的CSS样式和JavaScript脚本分离出来。

    • 创建一个CSS文件(about.css),将所有 <style> ... </style> 中的代码移动进去。
    • 创建一个JS文件(about.js),将所有 <script> ... </script> 中的代码移动进去。
  2. 修改HTML文件

    • 在HTML文件的 <head> 标签内,用 <link> 标签引入你的CSS文件。
      <link rel="stylesheet" href="/templets/你的默认模板目录/css/about.css">
    • 在HTML文件的 <body> 结束标签 </body> 之前,用 <script> 标签引入你的JS文件。
      <script src="/templets/你的默认模板目录/js/about.js"></script>
  3. 提取核心内容:将HTML文件中的提取出来,正文内容通常是指 <h1>, <p>, <img>, <div> 等这些展示信息的标签。不要提取 <html>, <head>, <body> 这些框架标签

    • 例如,如果你的HTML是这样的:
      <!DOCTYPE html>
      <html>
      <head>
          <title>关于我们</title>
          <style>...</style>
      </head>
      <body>
          <h1>欢迎来到我们公司</h1>
          <p>我们是一家专注于...的公司。</p>
          <img src="images/logo.png" alt="公司Logo">
          <!-- 更多内容... -->
      </body>
      </html>
    • 你需要提取的核心内容就是:
      <h1>欢迎来到我们公司</h1>
      <p>我们是一家专注于...的公司。</p>
      <img src="images/logo.png" alt="公司Logo">
      <!-- 更多内容... -->

第2步:在织梦后台创建单页文档

  1. 登录织梦后台
  2. 进入“核心” -> “单页文档管理”

  1. 点击“增加一个单页文档”
  2. 填写文档信息
    • 填写你的页面标题,关于我们”,这会显示在网站的栏目列表和页面标题中。
    • 关键字:填写页面的关键词,方便SEO。
    • 描述:填写页面的描述,也用于SEO。
    • 选择文件这是最关键的一步! 点击“浏览...”按钮,选择你准备好的、完整的HTML源文件(即包含 <html>, <head>, <body> 的那个原始文件),织梦会自动帮你解析内容。
    • 上传文件后,织梦会自动将内容填充到这里,如果自动解析不正确,或者你手动提取了核心内容,现在就把提取出来的核心HTML代码粘贴到这里。
    • 自定义文件名:设置一个简洁的英文名,作为URL的一部分,about_us,如果不填,系统会自动生成。
    • 内容来源:选择“原创”或“转载”。
    • 状态:选择“仅动态浏览”(推荐,可以调用标签)或“生成HTML”(直接生成静态文件)。
  3. 点击“确定”保存

第3步:访问页面

保存成功后,你可以在“单页文档管理”列表中看到你刚创建的页面,点击“预览”就可以看到效果了,页面的URL通常是 你的域名/plus/view.php?aid=你创建的文档ID


直接上传到网站目录(不推荐)

这种方法只适用于非常特殊的情况,比如你有一个完全静态的、不需要和织梦交互的页面。

操作步骤:

  1. 通过FTP或主机文件管理器登录你的网站服务器。
  2. 找到网站的根目录,通常是 public_htmlwwwroothtdocs
  3. 将你的HTML文件上传到根目录或任意一个子目录中。
    • 上传到根目录:如果你的文件名是 my_page.html,那么访问地址就是 你的域名/my_page.html
    • 上传到子目录:比如你创建一个名为 special 的文件夹,把文件 event.html 放进去,访问地址就是 你的域名/special/event.html

重要提醒:

  • 路径问题:确保HTML文件中引用的图片、CSS、JS等资源的路径是正确的,最好使用绝对路径(以 开头,如 /images/logo.png)或者相对于网站根目录的路径。
  • 无法使用织梦标签:这个页面是“死”的,里面无法使用任何织梦的模板标签,如 {dede:globalcfg_webname/}{dede:arclist} 等。
  • 维护困难:如果你想修改这个页面的内容,必须再次通过FTP下载、修改、上传,非常不便。

总结与建议

特性 单页文档 直接上传
集成度 ,完全融入织梦系统 ,与系统分离
灵活性 ,可使用织梦标签和功能 ,纯静态页面
维护性 ,后台直接修改即可 ,需通过FTP操作
SEO友好 ,可设置标题、关键词、描述 ,需要手动修改HTML头部
推荐度 ⭐⭐⭐⭐⭐ (强烈推荐) ⭐ (仅在万不得已时使用)

对于99%的情况,都应该使用作为“单页文档”上传,它虽然比直接上传多几个步骤,但能让你充分利用织梦CMS的功能,为未来的维护和扩展提供极大的便利,只有当你上传的页面是一个完全独立的、不需要和网站其他部分有任何交互的静态页面时,才考虑使用方法二。

-- 展开阅读全文 --
头像
C语言fixup overflow如何修复?
« 上一篇 12-07
dede织梦多级下拉菜单如何实现?
下一篇 » 12-07

相关文章

取消
微信二维码
支付宝二维码

目录[+]