正文

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

發(fā)布時(shí)間：2023-03-04 01:50:54 稿源：創(chuàng)意嶺閱讀： 649 問(wèn)大家

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

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

本文目錄:

1、如何自動(dòng)生成網(wǎng)頁(yè)？
2、VuePress-Vue驅(qū)動(dòng)的靜態(tài)網(wǎng)站生成器入門(mén)教程
3、用photoshop生成班級(jí)網(wǎng)站首頁(yè)的具體步驟是什么
4、常用動(dòng)態(tài)生成文檔網(wǎng)站工具（插件）合集(Docsify, VuePress,Docute ,Hexo...)

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

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

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

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

特點(diǎn)：

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

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

生成方法：

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

對(duì)使用者要求

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

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

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

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

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

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

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

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

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

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

1、創(chuàng)建并進(jìn)入一個(gè)新目錄

2、使用你喜歡的包管理器進(jìn)行初始化

3、將 VuePress 安裝為本地依賴

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

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

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

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

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

VuePress 會(huì)在 http://localhost:8080 (opens new window)啟動(dòng)一個(gè)熱重載的開(kāi)發(fā)服務(wù)器。

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

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

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

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

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

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

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

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

覺(jué)得效果不錯(cuò)的請(qǐng)幫忙加個(gè)關(guān)注點(diǎn)個(gè)贊，經(jīng)常分享前端實(shí)用開(kāi)發(fā)技巧

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

1、打開(kāi)photoshop，打開(kāi)設(shè)計(jì)好的圖片。

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

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

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

5、這時(shí)會(huì)跳出來(lái)一個(gè)窗口，你可以在其中在此簡(jiǎn)單修改每個(gè)區(qū)域的畫(huà)質(zhì)等。不需要的話則直接點(diǎn)儲(chǔ)存。

6、儲(chǔ)存時(shí)一定需要注意，要選擇“html和圖像”。它彈出的警告不需要理會(huì)，直接點(diǎn)確定就可以。一般來(lái)說(shuō)，主頁(yè)是index。

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

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

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

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

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

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

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

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

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

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

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

GitBook是一款文檔編輯工具，單據(jù)說(shuō)更像是一個(gè)現(xiàn)代的文檔平臺(tái)，無(wú)法實(shí)現(xiàn)個(gè)性化部署，所以暫時(shí)沒(méi)有考慮。

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

Nuxt.js 是一個(gè)基于 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)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。