如何製作個人網站（如何搭建個人博客）

本文共5220個字，預計閱讀時間需要17分鐘。所有文字摘自互聯網，僅做配圖處理。

首先製作一個網站需要：

①域名即example.com

②虛擬空間或雲服務器

③網站代碼製作工具或網站後臺管理工具（你可以百度出模板）

④一定的編程技能和代碼理解能力（優秀的網站製作者需要了解PHP、JavaScript、CSS、HTML、SQL、Markdown等知識）

第一部分：域名

域名是一個網站的入口與標識，域名需要購買
一般從阿里雲（萬網）、騰訊雲、京東雲、Godaddy等網站購買。

域名需要自己想一個好的名稱，一旦選中變不可更改。建議大家購買頂級域名爲.com、.cn結尾的域名，這些域名在國際上常見，便於網站站在國際高度上。當然你也可以標新立異購買其他頂級域名。比如小米爲了購買mi.com域名便花了2000萬人民幣，餓了嗎域名比較奇特爲elem.me看是不是很厲害。
域名在中國是需要備案的，在阿里雲騰訊雲買的域名必須通過工信部備案。
備案流程如下：

備案一般在購買域名的地方進行，阿里雲會自動幫你向工信部提交。一般說來，備案的要求特別嚴，平均下來備案兩次纔可能被工信部通過，這期間大約花費兩到三週。
備案過程中會讓你打印《個人網站承諾書》並拍照上傳，爲了驗證你的身份還需要錄製個人視頻眨眼，當然你的個人信息精確到地址。（估計到時候抓人的時候方便，輿論控制、思想鉗制）

如果你不想備案的話，建議不要從國內的大公司購買域名，從大陸境外購買（香港、臺灣也可以）

如果你不備案的話如果被網警查到你的網站就要被封或者只能用VPN訪問嘍。（還是備案吧！！！）

在工信部備案完成後如果你是一個大企業或公司或需要正式的網站，那麼建議你還得去公安局備案，即到你網站信息填入的地址處所在地的公安局進行公安備案。（個人網站就不需要了）

第二部分 虛擬空間或雲服務器

1.虛擬空間

虛擬空間是雲服務器分出來的一小部分空間，用來存放你的網站數據。
購買域名後他們可能會給你免費提供一個虛擬空間，也可以購買，或者使用第三方虛擬空間。現以域名omegaxyz.com爲例,把域名www. omegaxyz.com以及omegaxyz.com解析到虛擬主機上(假設虛擬主機的IP地址爲21X.5.7X.1XX),解析完成後,將可以用www. omegaxyz.com以及omegaxyz.com來訪問網站,當然(解析完成後,還得在虛擬主機上綁定纔會生效,本站的虛擬主機完全具備域名自主綁定功能)。

• 首先請進入域名管理。。

• 首先來解析www.omegaxyz.com到IP: 21X.5.7X.1XX。 點擊”增添主機記錄”,然後在彈出的框內輸入”www”,注意,不能輸入”www.omegaxyz.com”。

• 按”確定”,然後輸入IP地址: 21X.5.7X.1XX。

• 再按”確定”,該解析就完成了,該解析實時生效,大大方便了客戶管理。

• 一般而言,用戶除了用帶www的網址www. omegaxyz.com來訪問網站外,還喜歡用不帶www的omegaxyz.com來訪問,下面我們來把omegaxyz.com解析到IP: 21X.5.7X.1XX,還是點擊”增添主機記錄”,將出現下圖所示,此時不必輸入任何字符,直接點擊”確定”。(不輸入字符代表域名omegaxyz.com本身)

• 點擊確定後又出現IP地址輸入框,輸入IP: 21X.5.7X.1XX,然後按確定。

• 按確定後,該解析也完成了。

如圖：

第三方虛擬空間推薦七牛雲，這部分請大家自己學習

注：DNS解析和域名解析類似，到控制檯界面會有提示，這裏不在贅述。

2.雲服務器

簡稱ECS（elastic cloud servicer）

雲服務器的業內名稱其實叫做計算單元。所謂計算單元，就是說這個服務器只能算是一個人的大腦，相當於普通電腦的CPU，裏面的資源都是有限的。你要獲得更好的性能，解決辦法一是升級雲服務器，二是將其它耗費計算單元資源的軟件部署在對應的雲服務上。例如數據庫有專門的雲數據庫服務、靜態網頁和圖片有專門的文件存儲服務。
當然用雲服務器來存儲網頁是有點大材小用了，但是能使網站性能更好，且能加載更多子域名的網站如jiaotong.omegaxyz.com。最重要的是如果你想製作APP的話，雲服務器是最好的選擇了。唯一的缺點就是貴（找找優惠政策）。

在購買雲服務器是一定要注意雲服務器的系統和環境（阿里雲是基於Linux的Centos系統，Java和PHP環境等），這些在第三部分會細講。

第三部分：網站代碼製作工具或網站後臺管理工具

如果你只想製作一個簡單的頁面，用來宣傳一些簡單的思想或者是新手試水，那麼使用Dreamweaver可視化編輯即可製作一個簡單的頁面，百度搜索一些簡單的模板，即可更改。

此處就看你的編程能力了哦。
如果你想製作一個包含多個文件的網站，那麼就需要使用一些管理工具了，這裏以個人博客爲例講解。

①HEXO(靜態)
hexo是一款基於Node.js的靜態博客框架, hexo github鏈接 ,這篇教程是針對與Mac的，參考鏈接，由於原文講到的hexo是以前的老版本，所以現在的版本配置的時候會有些改動。

配置環境

• 安裝Node（必須）
  作用：用來生成靜態頁面的
  到Node.js官網下載相應平臺的最新版本，一路安裝即可。

• 安裝Git（必須）
  作用：把本地的hexo內容提交到github上去.
  安裝Xcode就自帶有Git，我就不多說了。

• 申請GitHub（必須）
  作用：是用來做博客的遠程創庫、域名、服務器之類的，怎麼與本地hexo建立連接等下講。
  github賬號我也不再囉嗦了,沒有的話直接申請就行了，跟一般的註冊賬號差不多，SSH Keys，看你自己了，可以不配製，不配置的話以後每次對自己的博客有改動提交的時候就要手動輸入賬號密碼，配置了就不需要了，怎麼配置我就不多說了，網上有很多教程。

• 正式安裝Hexo
  Node和Git都安裝好後,首先創建一個文件夾,如blog,用戶存放hexo的配置文件,然後進入blog裏安裝Hexo。
  執行如下命令安裝Hexo：

sudo npm install -g hexo

初始化然後，執行init命令初始化hexo,命令：

hexo init

好啦，至此，全部安裝工作已經完成！blog就是你的博客根目錄，所有的操作都在裏面進行。
生成靜態頁面

hexo generate（hexo g也可以）

本地啓動
啓動本地服務，進行文章預覽調試，命令：

hexo server

瀏覽器輸入http://localhost:4000

• 配置Github
  建立Repository
  建立與你用戶名對應的倉庫，倉庫名必須爲【your_user_name.github.io】，固定寫法=
  然後建立關聯，我的blog在本地/Users/leopard/blog，blog是我之前建的東西也全在這裏面，有：
  _config.yml node_modules public source
  db.json package.json scaffolds themes
  現在我們需要_config.yml文件，來建立關聯，命令：

vim _config.yml

翻到最下面，改成我這樣子的

deploy:
type: git
repo: https://github.com/leopardpan/leopardpan.github.io.git
branch: master

然後執行命令：

npm install hexo-deployer-git –save

然後，執行配置命令：

hexo deploy

然後再瀏覽器中輸入http://leopardpan.github.io/就行了，我的github的賬戶叫leopardpan,把這個改成你github的賬戶名就行了

• 部署步驟
  每次部署的步驟，可按以下三步來進行。

hexo clean
hexo generate
hexo deploy

一些常用命令：

hexo new”postName” #新建文章
hexo new page”pageName” #新建頁面
hexo generate #生成靜態頁面至public目錄
hexo server #開啓預覽訪問端口（默認端口4000，’ctrl + c’關閉server）
hexo deploy #將.deploy目錄部署到GitHub
hexo help # 查看幫助
hexo version #查看Hexo的版本

②wordpress（動態）

WordPress是一款個人博客系統，並逐步演化成一款內容管理系統軟件，它是使用PHP語言和MySQL數據庫開發的。用戶可以在支持 PHP 和 MySQL數據庫的服務器上使用自己的博客。
WordPress有許多第三方開發的免費模板，安裝方式簡單易用。不過要做一個自己的模板，則需要你有一定的專業知識。比如你至少要懂的標準通用標記語言下的一個應用HTML代碼、CSS、PHP等相關知識。
WordPress官方支持中文版，同時有愛好者開發的第三方中文語言包，如wopus中文語言包。WordPress擁有成千上萬個各式插件和不計其數的主題模板樣式。

下面講解如何在阿里云云服務器上安裝wordpress

服務器環境要求

• PHP 5.2.4或更新版本

• MySQL 5.0或更新版本

• Apache或Nginx

• 利用shell登錄自己的雲服務器
  Xshell界面
  
  首先要創建一個數據庫
  

接下來添加虛擬主機

剩餘部分請進入完整博文omegaxyz網站製作

更多內容訪問 omegaxyz.com
網站所有代碼採用Apache 2.0授權
網站文章採用知識共享許可協議BY-NC-SA4.0授權
© 2020-2025 • OmegaXYZ-版權所有 轉載請註明出處