使用xampp在windows上免費託管和編輯網站

你想建立一個網站。開銷可能很貴。如果你只是想學習網路開發呢?讓我們向您展示如何免費主持一個本地網站。...

你想建立一個網站,但不知道從哪裡開始?

host-windows-xampp

似乎典型的web開發培訓場地也是最昂貴的:購買域、主機服務器、WordPress帳戶、主題等。但是如果你不是一個小企業主或試圖建立一個品牌呢?如果你只是想學習網絡開發呢?

請繼續閱讀,瞭解如何在您的計算機上免費創建您自己的網站,您可以從頭開始創建網站,也可以使用預先**的模板創建網站。哦,這包括託管你自己的WordPress帳戶以及!

xampp:簡介

Bitnami的XAMPP是“一個包含PHP和Perl的Apache發行版”,出於我們的目的,我們只需要瞭解XAMPP是一個免費的、簡單的程序,允許用戶在他們的pc上託管網站。

雖然使用XAMPP設置本地服務器有些技術性,但這個過程也相當簡單和直接。一旦一切都設置好了,你會發現管理和編輯網站是輕而易舉的事。

然後是快速和完全控制的問題。使用XAMPP創建和編輯網站,您可以隨意更改網站的大小。也就是說,權力越大,責任越大。您也更容易丟失站點,尤其是在不創建備份的情況下。

但是,如果您想在web開發中獲得一個真正的入門課程項目,XAMPP是為您準備的。包括任何與HTML、CSS、Javascript等相關的項目!

安裝xampp

前往XAMPP網站並下載包。遵循默認設置過程。下載XAMPP後,XAMPP控制面板將自動打開。如果沒有,您可以像查找其他程序一樣(通過“開始”菜單搜索)找到XAMPP程序。

在XAMPP控制面板窗口中,您應該看到運行XAMPP進程的簡單佈局。出於我們的目的,我們將重點討論前兩個選項:Apache和MySQL。

Apache——XAMPP的主要核心,Apache選項在您的PC上創建一個Apache服務器。這將允許您通過web瀏覽器在PC上運行和編輯網站,就像一個網站一樣。當然,除了這個網站是在你的電腦上運行,而不是連接到互聯網的服務器。

MySQL——SQL允許數據庫和網站之間的通信,允許用戶測試和存儲電子郵件、密碼和任何其他數據輸入。我們會將此用於您的本地WordPress帳戶。

按下XAMPP控制面板中Apache和MySQL操作下的Start按鈕。等到Apache和MySQL在module部分下都高亮顯示為綠色。一旦啟用,就可以自由使用XAMPP。

xampp control panel

localhost和phpmyadmin

要確保一切正常,請打開web瀏覽器,輸入http://localhost/進入你的地址欄,按回車鍵。你應該被重定向到http://localhost/dashboard/,這是默認的XAMPP頁。

xampp default web page

接下來,單擊頂部導航菜單上的phpMyAdmin按鈕。您將被定向到默認的phpMyAdmin頁面。

phpmyadmin

暫時別管這些,但如果兩者都起作用,你就可以開始創建網站了!

使用xampp創建網站

現在是有趣的部分。轉到根驅動器目錄中的XAMPP文件夾(默認為C:\XAMPP)。然後,前往htdocs。這將是您用來查看網站的主要網站存儲庫。

在我們創建和編輯網站之前,您需要一個文本編輯器。雖然您可以使用默認的文本編輯器(如記事本),但通常最好下載專門為代碼和標記**的第三方編輯器。Sublime Text是最好的選擇之一,所以請訪問他們的網站並下載軟件開始。

現在您可以開始下載網站並將其安裝到XAMPP中。我將使用Roadtrip模板,但是你可以使用任何你喜歡的模板。下載網站的zip文件,並將其保存在您會記住的位置。接下來,在XAMPP的htdocs文件夾中為您的網站創建一個文件夾。我把我的名字命名為roadtrip——儘量讓你的名字簡單一點。然後,將zip文件的內容解壓縮到htdocs文件夾。

extract to roadtrip

提取完文件後,請轉到htdocs中的網站存儲庫,以確保正確提取了這些文件。

最後,在你的網頁瀏覽器中瀏覽你的網頁。可以說,可以使用前面提到的localhost以及保存頁面文件的文件夾的名稱訪問您的網站。這是因為網站本質上是包含在文件夾中的文件,所有這些文件都在一個域名或根域名下。你已經在學習了!

我們以前創建的文件夾名為roadtrip,因此完整的站點地址是http://localhost/roadtrip。

roadtrip template

你完了!現在你可以在本地編輯網站了。

編輯網站

打開崇高的文本。頭文件和選擇打開文件夾。在XAMPP文件夾中查找並選擇您的web文件夾。你現在可以在你的Sublime文本編輯器中編輯同一網站的多個頁面。

sublime text

崇高的文本還提供了一個偉大的界面,讓你看到你的網站的每個文件和文件夾。要在網站上創建更改,請編輯網站代碼、保存(使用鍵盤命令Ctrl+s)並在瀏覽器中刷新網站。

edit localhost sublime text

這個過程簡單而直接:編輯網頁,然後檢查代碼是否有效。隨著web開發的進展,您將嘗試在web頁面中嵌入更復雜的特性。不過,不管技能水平如何,編輯頁面的基本格式都是一樣的。

在xampp中使用wordpress

如果您不想編輯原始代碼,或者更願意使用更熟悉的內容管理系統(CMS),WordPress也會在一個易於使用的ZIP文件中提供其出色的web設計資源!要在XAMPP上安裝WordPress,請訪問WordPress網站並下載官方應用程序。

使用與以前相同的格式創建網站,將提取的WordPress文件夾放在WordPress文件夾的htdoc目錄中。為了清晰起見,請保留文件夾名稱。

使用phpmyadmin

因為WordPress要求您創建登錄信息,所以您需要在PHP目錄中為web頁面創建一個條目。轉到你的phpMyAdmin頁面--http://localhost/phpmyadmin/默認情況下——開始。

在此頁面中,單擊數據庫。在Create database參數下,輸入wordpress,然後點擊Create。您應該會看到一個彈出窗口,告訴您數據庫是創建的。接下來,關閉這個瀏覽器窗口並在XAMPP htdocs目錄中輸入您的WordPress文件夾。這個文件夾應該包含你解壓縮的WordPress文件的內容。

配置登錄

我們需要配置實際的WordPress網站,以便您可以登錄並使用該網站。這是通過WordPress的主PHP配置文件完成的。在WordPress文件夾中,找到標記為wp config的文件-示例.php,在文件上單擊鼠標右鍵,選擇“編輯”(對於單獨的文本編輯器,選擇“打開方式”)。記事本應該很好用。

下面是我們將重點關注的代碼:

// ** MySQL settings - You can get this info from your web host ** ///** The name of the database for WordPress */define('DB_NAME', 'database_name_here');/** MySQL database username */define('DB_USER', 'username_here');/** MySQL database password */define('DB_PASSWORD', 'password_here');

您必須在引號內對上述代碼進行三次更改。

這裡是數據庫名稱--將此參數更改為wordpress。然後,網站將使用先前在phpMyAdmin中創建的數據庫,並將其標記為這樣。

在這裡輸入用戶名\—將其更改為root。默認情況下,根用戶名擁有適當的管理員權限,因此可以通過phpMyAdmin進行訪問。除非授予適當的權限,否則其他用戶名將不起作用。

此處輸入密碼\—將其更改為易於識別的密碼。如果不想使用密碼,請刪除參數。

將此文件另存為wp-配置.php--與之前的wp配置不同-示例.php--然後離開。然後,轉到以下本地主機地址:http://localhost/wordpress。

繼續安裝,包括創建WordPress用戶名和密碼。您可以輸入任何您喜歡的值。輸入完值後,單擊installwordpress按鈕完成該過程。完成後,使用上一頁提供的用戶名和密碼登錄到您的本地WordPress。

localhost wordpress

你完了!現在,你可以花你的心的內容編輯,修改和創建網頁都從頭開始,通過WordPress,離線,免費!

web開發從單個頁面開始

以前,您剛剛開始web開發之旅。現在,您已經在PC上創建了一個本地服務器,通過它您可以隨心所欲地創建、修改和調整網頁。最棒的是,你完全掌控了一切。唯一剩下的就是開始你的實驗,所以開始吧!

決定不做這些工作了?試試最好的免費網站託管服務。

圖片來源:Dmitry Tishchenko/Shutterstock

  • 發表於 2021-03-14 07:36
  • 閱讀 ( 42 )
  • 分類:電腦

你可能感興趣的文章

如何使用cloud9在虛擬伺服器上免費安裝wordpress

...起來是非常複雜的。如果您是經驗豐富的開發人員,那麼使用XAMPP或WAMP設定本地伺服器是有意義的。但是如果你是一個初學者,只想搞亂一個自託管的WordPress安裝(這與wordpress.com網站),看看定製的WordPress網站會是什麼樣子,你...

  • 發佈於 2021-03-14 04:53
  • 閲讀 ( 50 )

7個標誌你應該升級你的免費網站到一個高階服務

...處理器,處理站點請求的速度慢得令人難以忍受。他們也使用hdd,因為它們比ssd便宜,儘管ssd更快更可靠。 ...

  • 發佈於 2021-03-15 00:02
  • 閲讀 ( 52 )

什麼是提高辦公效率的最佳linux雲服務?

... ownCloud是一個自託管伺服器解決方案。使用此檔案同步服務,您可以透過web介面訪問資料。它類似於Dropbox,具有直觀的使用者介面(UI)。此選項附帶功能。除了檔案共享之外,ownCloud還允許您檢視和編輯PDF和...

  • 發佈於 2021-03-15 02:43
  • 閲讀 ( 45 )

免費網路託管對你的第一個網站有害的10種方式

... 我們建議使用InMotion主機的安全WordPress主機。 ...

  • 發佈於 2021-03-15 07:54
  • 閲讀 ( 45 )

如何使用github頁面免費託管網站

... GitHub是一種流行的版本控制服務,面向使用Git儲存和控制程式碼的計算機程式設計師。程式碼儲存在儲存庫中,這些儲存庫只是雲伺服器上的容器,允許您從所有計算機訪問程式碼。 ...

  • 發佈於 2021-03-19 05:27
  • 閲讀 ( 50 )

2019年最佳免費網站託管服務

... 你不能賺錢。許多免費網路主機禁止使用廣告和附屬連結。有些人甚至會在你的網站上植入廣告,所以他們會從你的工作中賺錢。 ...

  • 發佈於 2021-03-20 19:40
  • 閲讀 ( 65 )

最好的免費音訊編輯軟體

... 幸運的是,有不同種類的音訊編輯器適合每個使用者。不僅如此,他們中的許多人都是免費的,所以很可能有一個錢包儲蓄解決方案在那裡為你。本文涵蓋了目前最好的免費音訊編輯軟體。 ...

  • 發佈於 2021-03-21 18:24
  • 閲讀 ( 56 )

hostinger提供價格合理的網路託管和高階功能

...一個網路主機。有時,把你的網站留給你當前的主機或者使用免費主機似乎更容易。 ...

  • 發佈於 2021-03-21 19:38
  • 閲讀 ( 45 )

joomla與wordpress:為你的網站選擇合適的cms

...ess更復雜,設定起來也不那麼簡單。因此,不建議初學者使用。相反,Joomla在商業、電子商務,尤其是社群論壇和社交網路方面更有效。 ...

  • 發佈於 2021-03-23 12:16
  • 閲讀 ( 53 )

如何為你的網站獲得免費域名

...TLD;美國是唯一一個**網頁有特定TLD的國家(例如,英國使用TLD)。英國**) ...

  • 發佈於 2021-03-24 04:17
  • 閲讀 ( 70 )