生成網(wǎng)站（ai生成網(wǎng)站）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于生成網(wǎng)站的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請撥打電話：175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、如何自動生成網(wǎng)頁？

• 2、VuePress-Vue驅(qū)動的靜態(tài)網(wǎng)站生成器入門教程

• 3、用photoshop生成班級網(wǎng)站首頁的具體步驟是什么

• 4、常用動態(tài)生成文檔網(wǎng)站工具（插件）合集(Docsify, VuePress,Docute ,Hexo...)

一、如何自動生成網(wǎng)頁？

其實各種動態(tài)網(wǎng)頁的技術(shù)：ISAPI,NSAPI,CGI,ASP,ASP+Com 都可以實現(xiàn)，各種

技術(shù)都有自己的優(yōu)點，所以要根據(jù)你的具體情況來選擇，不過CGI現(xiàn)在已經(jīng)不太好了，ISAPI,NSAPI通用性不好（我對它們一直有偏見），如果你讀文本，并進行信息提取的操作比較復(fù)雜，建議你用ASP+COM的方式

特點：

自動生成網(wǎng)頁，支持圖片(gif\jpg)、音頻(mp3\wma\mid)、視頻(rm\asf\wmv\avi\mpg)、FLASH(swf)、下載類(exe\rar\zip\...)文件；可進行全站一次性生成，也可分目錄生成；支持多級子目錄生成（級數(shù)不限）；支持中文目錄名、文件名；集成和彩秀的功能接口；全站生成的文件都調(diào)用3個根目錄下的htm，方便廣告代碼的投放和更換。

特別適用于FTP服務(wù)器的網(wǎng)頁化，網(wǎng)吧、宿舍、辦公室等局域網(wǎng)的娛樂資料共享等用途。

生成方法：

用IE訪問生成文件fjxnpic.asp?f=520既可，520是重生成所需密碼，在fjxnpicinc.asp中定義。

對使用者要求

請使用前詳細閱讀fjxnpicinc.asp文件，并根據(jù)自己的需要修改其中的參數(shù)！

會使用FTP，在網(wǎng)上有空間既可。

可看懂Html\CSS\JS的朋友，可以自己修改站點根目錄下fjxn_pic前綴的文件（包括htm,js,css），既可定制出自己所需的頁面。

可看懂ASP程序的朋友，可以自己修改fjxnpic.asp文件，更精確的控制所生成的的htm文件。

本程序的設(shè)計思路很簡單：讀取文件或目錄->暫存于數(shù)組->根據(jù)數(shù)組生成htm頁面。

二、VuePress-Vue驅(qū)動的靜態(tài)網(wǎng)站生成器入門教程

VuePress 由兩部分組成：第一部分是一個極簡靜態(tài)網(wǎng)站生成器 (opens new window)，它包含由 Vue 驅(qū)動的主題系統(tǒng)和插件 API，另一個部分是為書寫技術(shù)文檔而優(yōu)化的默認主題，它的誕生初衷是為了支持 Vue 及其子項目的文檔需求。

每一個由 VuePress 生成的頁面都帶有預(yù)渲染好的 HTML，也因此具有非常好的加載性能和搜索引擎優(yōu)化（SEO）。同時，一旦頁面被加載，Vue 將接管這些靜態(tài)內(nèi)容，并將其轉(zhuǎn)換成一個完整的單頁應(yīng)用（SPA），其他的頁面則會只在用戶瀏覽到的時候才按需加載。

事實上，一個 VuePress 網(wǎng)站是一個由 Vue、Vue Router和 webpack驅(qū)動的單頁應(yīng)用。如果你以前使用過 Vue 的話，當你在開發(fā)一個自定義主題的時候，你會感受到非常熟悉的開發(fā)體驗，你甚至可以使用 Vue DevTools 去調(diào)試你的自定義主題。

在構(gòu)建時，我們會為應(yīng)用創(chuàng)建一個服務(wù)端渲染（SSR）的版本，然后通過虛擬訪問每一條路徑來渲染對應(yīng)的HTML。這種做法的靈感來源于 Nuxt (opens new window)的 nuxt generate 命令，以及其他的一些項目，比如 Gatsby

1、創(chuàng)建并進入一個新目錄

2、使用你喜歡的包管理器進行初始化

3、將 VuePress 安裝為本地依賴

我們已經(jīng)不再推薦全局安裝 VuePress

4、創(chuàng)建你的第一篇文檔

5、在 package.json 中添加一些 scripts

這一步驟是可選的，但我們推薦你完成它。在下文中，我們會默認這些 scripts 已經(jīng)被添加。

6、在本地啟動服務(wù)器

VuePress 會在 http://localhost:8080 (opens new window)啟動一個熱重載的開發(fā)服務(wù)器。

現(xiàn)在，你應(yīng)該已經(jīng)有了一個簡單可用的 VuePress 文檔。接下來，了解一下推薦的 目錄結(jié)構(gòu) 和 VuePress 中的 基本配置。

VuePress 遵循 “約定優(yōu)于配置” 的原則，推薦的目錄結(jié)構(gòu)如下：

如果沒有任何配置，這個網(wǎng)站將會是非常局限的，用戶也無法在你的網(wǎng)站上自由導(dǎo)航。為了更好地自定義你的網(wǎng)站，讓我們首先在你的文檔目錄下創(chuàng)建一個 .vuepress 目錄，所有 VuePress 相關(guān)的文件都將會被放在這里。你的項目結(jié)構(gòu)可能是這樣：

一個 VuePress 網(wǎng)站必要的配置文件是 .vuepress/config.js，它應(yīng)該導(dǎo)出一個 JavaScript 對象：

對于上述的配置，如果你運行起 dev server，你應(yīng)該能看到一個頁面，它包含一個頁頭，里面包含一個標題和一個搜索框。VuePress 內(nèi)置了基于 headers 的搜索 —— 它會自動為所有頁面的標題、h4 和 h4 構(gòu)建起一個簡單的搜索索引。

你也可以使用 YAML (.vuepress/config.yml) 或是 TOML (.vuepress/config.toml) 格式的配置文件。

一個 VuePress 主題應(yīng)該負責整個網(wǎng)站的布局和交互細節(jié)。在 VuePress 中，目前自帶了一個默認的主題（正是你現(xiàn)在所看到的），它是為技術(shù)文檔而設(shè)計的。同時，默認主題提供了一些選項，讓你可以去自定義導(dǎo)航欄（navbar）、 側(cè)邊欄（sidebar）和 首頁（homepage） 等，

由于 VuePress 是一個標準的 Vue 應(yīng)用，你可以通過創(chuàng)建一個 .vuepress/enhanceApp.js 文件來做一些應(yīng)用級別的配置，當該文件存在的時候，會被導(dǎo)入到應(yīng)用內(nèi)部。enhanceApp.js 應(yīng)該 export default 一個鉤子函數(shù)，并接受一個包含了一些應(yīng)用級別屬性的對象作為參數(shù)。你可以使用這個鉤子來安裝一些附加的 Vue 插件、注冊全局組件，或者增加額外的路由鉤子等：

覺得效果不錯的請幫忙加個關(guān)注點個贊，經(jīng)常分享前端實用開發(fā)技巧

三、用photoshop生成班級網(wǎng)站首頁的具體步驟是什么

1、打開photoshop，打開設(shè)計好的圖片。

2、我們需要使用切片工具將它分為幾個區(qū)域。一方面網(wǎng)頁不至于過大而難以加載，另一方面也方便在dreamweaver中按區(qū)域來修改。

3、將圖片、文字等按照自己的設(shè)計需求來分割。在這里我就粗略的切一下。切完后也可以及時修改區(qū)域的大小。

4、我們選擇文件，存儲為web格式。

5、這時會跳出來一個窗口，你可以在其中在此簡單修改每個區(qū)域的畫質(zhì)等。不需要的話則直接點儲存。

6、儲存時一定需要注意，要選擇“html和圖像”。它彈出的警告不需要理會，直接點確定就可以。一般來說，主頁是index。

7、儲存完好，網(wǎng)頁便生成了，同時還有包含有其中切片的文件夾。

8、這時的網(wǎng)頁也只是圖片，用dreamweaver打開，修改，可以加上鏈接、地圖等。

四、常用動態(tài)生成文檔網(wǎng)站工具（插件）合集(Docsify, VuePress,Docute ,Hexo...)

    docsify可以即時生成文檔網(wǎng)站，它可以智能地加載和解析您的Markdown文件并將其顯示為網(wǎng)站，但是它不會生成靜態(tài)html文件, SEO 不夠友好。使用簡單，支持ie10以上瀏覽器。官方推薦部署到GitHub Pages上，它也支持服務(wù)端渲染。因為服務(wù)端渲染麻煩（我不會...）和瀏覽器不能兼容ie9的原因我放棄了他選擇了vuepress，但總的來說使用起來還是很方便，界面也可以，還是比較值得推薦的。

    官方文檔： https://docsify.js.org/

    Vue 驅(qū)動的靜態(tài)網(wǎng)站生成器。跟Docsify一樣也是以Markdown為中心的項目結(jié)構(gòu)，但是它可以為每個頁面預(yù)渲染生成靜態(tài)的html頁面，可以通過vue去自定義主題，瀏覽器支持ie9及以上瀏覽器，上手程度相對于Docsify要難點，但是部署簡單，功能也蠻強大的我最終也選擇了它。吐槽一下：左側(cè)導(dǎo)航只支持3級欄目導(dǎo)航（h1-h4），沒有Docsify靈活。

    官方中文網(wǎng)： https://www.vuepress.cn/

    Docute和Docsify差不多，但是它不支持ie...,如果不考慮ie兼容性問題的可以參考一下

    官方中文網(wǎng)： https://docute.org/zh/

    也是使用Markdown解析文章，能夠兼容ie9,但是它是一個博客框架，它主題樣式不太適用于幫助文檔，所以我沒有考慮它，單從文檔網(wǎng)站的角度的話還是推薦使用的，兼容性比較好，上手度簡單。

    官方鏈接： https://hexo.io/

    GitBook是一款文檔編輯工具，單據(jù)說更像是一個現(xiàn)代的文檔平臺，無法實現(xiàn)個性化部署，所以暫時沒有考慮。

    官網(wǎng)鏈接： http://caibaojian.com/gitbook/

    Nuxt.js 是一個基于 Vue.js 的通用應(yīng)用框架，vuepress能做的，它理論上能做，但是Nuxt 是為構(gòu)建應(yīng)用程序而生的，VuePress則專注以內(nèi)容為中心的靜態(tài)網(wǎng)站，所以就文檔網(wǎng)站我更推薦VuePress

    官網(wǎng)鏈接:  https://www.nuxtjs.cn/

以上就是關(guān)于生成網(wǎng)站相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。

推薦閱讀：

logo設(shè)計免費版在線立即生成（在線logo免費設(shè)計生成器）

公司logo設(shè)計免費制作(logo免費設(shè)計在線生成)

怎么設(shè)計自己的logo免費（一鍵生成logo免費）

營銷策劃書概要

餐飲策劃合作合同(餐飲策劃合作合同范本)