如何製作個人網站(如何製作個人部落格)
首先製作一個網站需要:
①域名即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來訪問網站,當然(解析完成後,還得在虛擬主機上繫結才會生效,本站的虛擬主機完全具備域名自主繫結功能)。
①首先請進入域名管理。(登入會員->英文域名管理->在列表中找到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是以前的老版本,所以現在的版本配置的時候會有些改動。
這裡有兩個大神用的hexo搭建的部落格
網站:superlei.cn
www.oyohyee.com
配置環境
安裝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
網上會有很多說法,有的type是github, 還有repository最後面的字尾也不一樣,是github.com.git,我也踩了很多坑,我現在的版本是hexo: 3.1.1,執行命令hexo -vsersion就出來了,貌似3.0後全部改成我上面這種格式了。
忘了說了,我沒用SSH Keys如果你用了SSH Keys的話直接在github裡複製SSH的就行了,總共就兩種協議,相信你懂的。
然後,執行配置命令:
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的版本
報錯總結
ERROR Deployer not found: git 或者 ERROR Deployer not found: github
解決方法: npm install hexo-deployer-git –save
如發生報錯: ERROR Process failed: layout/.DS_Store , 那麼進入主題裡面layout和_partial目錄下,使用刪除命令:
rm-rf.DS_Store
ERROR Plugin load failed: hexo-server
原因:
Besides,utilities are separated into a standalone module.hexo.util is not reachable anymore.
解決方法,執行命令:
sudo npm install hexo-server
執行命令hexo server,提示:Usage: hexo ….
原因:
我認為是沒有生成本地服務
解決方法,執行命令:
npm install hexo-server –save
提示:[email protected] node_modules/hexo-server
….
表示成功了參考
這個時候再執行:
hexo-server
得到:
INFOHexois running at http://0.0.0.0:4000/.PressCtrl+C to stop.
這個時候再點選http://0.0.0.0:4000,正常情況下應該是最原始的畫面,但是我看到的是:
白板和Cannot GET / 幾個字
原因:
由於2.6以後就更新了,我們需要手動配置些東西,我們需要輸入下面三行命令:
npm install hexo-renderer-ejs –save
npm install hexo-renderer-stylus –save
npm install hexo-renderer-marked –save
這個時候再重新生成靜態檔案,命令:
hexo generate(或hexo g)
啟動本地伺服器:
hexo server(或hexo s)
再,點選網址http://0.0.0.0:4000OK終於可以看到屬於你自己的blog啦,
相關推薦
如何利用github搭建個人網站(無需購買雲伺服器)
1.建立GithubPage 這裡的作用就是說在github上建立一個倉庫,並且將它設定成github的網頁模式,其實我們後面的域名只是跳轉到這個倉庫的頁面 首先新建一個倉庫 然後注意設定倉庫名字時要和你的githubID一模一樣,即xxx.github.io 然後建
[轉載] 如何將你的github倉庫部署到github pages(github.io部落格)
詳細的git教程:http://www.cnblogs.com/tugenhua0707/p/4050072.html#!comments 作為教程,很重要的一點就是要最大化的傻瓜化,本文將從新建一個github倉庫開始到成功部署github pages一步步
20172319 2018.10.19《Java程式設計教程》第7周課堂實踐(補寫部落格)
20172319 2018.10.19 《Java程式設計教程》第7周課堂實踐 課程:《程式設計與資料結構》 班級:1723 學生:唐才銘 學號:20172319 指導老師:王志強 日期:2018.10.19 必修/選修:必修 目錄 測試內容 測試要求
python3裡函式怎麼樣使用元組或字典作為引數呼叫(複製他人部落格)
在python3中可以採用如下方法: 函式(*(元組)) 函式(**{字典}) 如下例子: &nb
C++ 二叉樹的實現、基本操作以及指標使用注意事項(轉自部落格)
內容: 模板實現簡單的二叉樹 二叉樹的前序,中序,後序遍歷 統計二叉樹結點的個數和深度 二叉樹的銷燬操作 具體的實現過程及注意事項見程式碼部分; #include <iostream&
計算機專業的入門書籍(第一篇部落格)
計算機專業的入門書籍 今天是2017/4/6,終於開始動手寫自己的部落格了,寫點什麼好呢? 記得是去年4月份接觸java,開始轉向軟體的,一晃時間過去滿一年了。 恰好最近幾個月拜訪了大牛部落格、知乎、豆瓣、掘金等諸多論壇、網站,參閱了很多計算機
微軟雲端計算:Microsoft Azure 中文部落格(CSDN映象部落格)
在您設定並按需要配置虛擬機器之後,您就可以將該虛擬機器例項捕捉為 VM映像。在捕捉過程中,系統會儲存該虛擬機器的所有相關屬性和磁碟並建立後備 VHD page blobs的副本。每個 VHD的副本將儲存在與所複製的原始 VHD相同的儲存帳戶和容器中。如果您想要在 Azure儲存中找出複製後的 VHD,請
iOS解決按鈕短時間內多次點選只觸發一次事件方法(開始寫部落格)
在上家公司做專案的時候,做了個60秒獲取驗證碼的功能,當時做了個定時器,按鈕觸發定時器,邏輯來講都是沒問題的,但是實際操作的時候,惡意的在短時間內多次點選那個獲取驗證碼按鈕,按鈕的點選事件被呼叫了多次,定時器從而也呼叫多次,本來一秒減一的事件變成了一秒減多,並且減到0
如何製作個人網站(如何製作個人部落格)
首先製作一個網站需要: ①域名即example.com ②虛擬空間或雲伺服器 ③網站程式碼製作工具或網站後臺管理工具(你可以百度出模板) ④一定的程式設計技能和程式碼理解能力(優秀的網站製作者需要了解PHP、JavaScript、CSS、HTML、S
從零開始製作一個個人網站(2017.12.8更新,未完成)
1 你需要準備什麼(包括軟體和服務): IntelliJ IDEA2017.1 旗艦版(非常重要,因為社群版(IntelliJ IDEA CE)沒辦法新增tomcat Service 由於JetBrains破解器的存在大家可以比(si)較(wu)順(ji)暢
Github+域名搭建個人主頁(個人部落格)
Github+域名搭建個人主頁(個人部落格) 一、工作準備 搭建個人主頁需要做的準備工作有兩個: 1)、註冊Github賬號,註冊Github賬號是免費的, Github網站地址:https://github.com/github 點選Sign up進入註冊頁面,總共有
springboot+mybatis+thymeleaf+docker構建的個人站點開源專案(集成了個人主頁、個人作品、個人部落格)
前言 My Site 主要功能有:個人首頁、個人作品、個人部落格為一體的站點,網站的文章和作品均由markdown進行編寫,可以滿足你的基本需求。如果覺得這個專案不錯,請為它點贊支援。 專案架構
利用Github免費搭建個人主頁(個人部落格)
之前閒著, 利用Github搭了個免費的個人主頁。 (colin1994.xyz)這裡是我的一個簡單主頁,有興趣的朋友可以訪問看看。**********先不公開了**********今天到家了, 趁著閒著, 寫一篇相關教程記錄自己搭建的過程。涉及: Github註冊 Gith
Django開發個人部落格網站——18、實現部落格的分類
我們在設計部落格的資料庫時,分別定義了部落格的分類和標籤,規定部落格與部落格的分類為一對多關係,也就是一個部落格只能有一個分類,而部落格的標籤則為多對多的關係,一個部落格可以有多個標籤。按照功能來劃分的話,也就是部落格的標籤是對部落格分類的一個補充。 考慮到我
ASP.NET Core 一步步搭建個人網站(7)_Linux系統移植
window std bce stat 能夠 rpm 設置 with err 摘要 考慮我們為什麽要選擇.NET Core? 因為它面向的是高性能服務器開發,拋卻了 AspNet 的臃腫組件,非常輕量,加上微軟的跨平臺戰略,對 Docker 的親和性,對於開發人員也非常友好
IT人如何打造個性化的個人網站(線上簡歷)
前言 眾所周知,IT行業人員在求職時,如果擁有自己的技術部落格和個人網站多少是可以加些分的,因為這也是IT人的技術證明之一。內容豐富的技術部落格就不必多少了,往往技術部落格大神市場上多是供不應求的,而且技術部落格出彩主要是在內容經營上,至於部落格本身直接到各大技術平臺註冊一個即可,當然有興趣的朋友想要自建個
騰訊雲學生伺服器搭建個人網站(01)——配置web開發環境
最近突然想整個伺服器玩玩,百度了一下發現騰訊雲學生伺服器,完成學生認證之後一個月最低只要十塊錢就能玩起來,於是就買了一個,折騰了一天,算是在伺服器上搭建好了基本web開發環境(tomcat和jdk),並且也在伺服器上跑出了自己的第一個靜態網頁。下面詳細介紹環境的搭建過程。 首先需要說明的是,
Flask+Vue快速打造個人網站(二)
Flask+Vue快速打造個人網站(二) 2018.9.17 23:09 後端 後端框架使用flask考慮的是前後端分離,可以快速開發API,還有就是以前寫的一些程式碼直接複用 在介面這塊其實都差不多,主要來講專案的模組化劃分 目錄 模組化專
Vue + Spring Boot從零開始搭建個人網站(一) 之 專案前端Vue.js環境搭建
前言: 最近在考慮搭建個人網站,想了想決定採用前後端分離模式 前端使用Vue,負責接收資料 後端使用Spring Boot,負責提供前端需要的API 就這樣開啟了我邊學習邊實踐之旅 Vue環境搭建步驟: 1、安裝node.js
左雪菲的專欄(歡迎訪問我的個人網站:http://www.hootina.org)
高效能伺服器程式設計實現細節詳解 實現一套高效能伺服器程式涉及到很多的技術細節,這篇專欄將其庖丁解牛,既有整體框架實現的介紹,又有諸如send、recv之類的網路API細節的剖析,最後開源一款即時通訊軟體flamingo實戰。希望