安徽企業(yè)網站建設500元全包(個人怎么搭建網站)如何搭建個人網站(內容詳細,適合新手),
好家伙,我回顧這些年的程序員生涯,發(fā)現(xiàn)折騰最多的是搭建網站先來秀一下我現(xiàn)在的網站:https://www.cxyxiaowu.com然后告訴告訴你如何從零開始搭建一個酷炫免費的個人博客GitHub創(chuàng)建個人倉庫。
登錄到 GitHub ,如果沒有 GitHub 帳號,請使用你的郵箱注冊 GitHub 帳號:https://github.com/join?source=header-home
登錄成功之后,點擊 GitHub 中的 New repository 創(chuàng)建新倉庫,倉庫名應該為:用戶名 .http://github.io 這里用戶名使用你的 GitHub 帳號名稱代替,這是固定寫法
ps: 因為我已經注冊了同名倉庫,因此第二次創(chuàng)建時會報錯。我的倉庫名為 :
Git管理Git 是目前世界上最先進的分布式版本控制系統(tǒng)(沒有之一)這是使用 Git 的目的是為了將我們的網站從本地提交上服務器(GitHub)上面去我認為 Git 操作是程序員應該具備的一個基本操作,具體的 Git 操作細節(jié)可以查看。
廖雪峰的教程,講的十分詳細 https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
安裝好 Git 后,只需要進行下面的配置即可配置信息在終端進行操作,設置 user.name 和 user.email 配置信息,我這里設置為全局1git config --global user.name "你的GitHub用戶名" 2git config --global user.email "你的GitHub。
注冊郵箱" 生成密鑰通過注冊的郵箱生成 ssh 密鑰文件:1ssh-keygen -t rsa -C "你的GitHub注冊郵箱" 然后直接三個回車即可,默認不需要設置密碼最后得到了兩個文件:id_rsa。
和id_rsa.pub??截惷荑€
打開 id_rsa.pub 文件,將里面的內容全部復制。
粘貼到GitHub
測試GitHub SSH添加好 SSH Key后,進行測試1ssh -T [email protected] 你將會看到:1The authenticity of host github.com (207.97.227.239) cant be established. 2RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. 3Are you sure you want to continue connecting (yes/no)? 。
選擇 yes1Hi MisterBooo! Youve successfully authenticated, but GitHub does not provide shell access.
如果看到Hi后面是你的用戶名,就說明成功了安裝Node.jsHexo 基于 Node.js,因此需要先安裝 Node.js,你可以在這里進行對應電腦版本的下載:https://nodejs.org/en/download/。
你也可以通過命令行進行安裝:cURL:1$ curl https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh 2 Wget:1$ wget -qO- https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh 2
安裝完成后,重啟終端并執(zhí)行下列命令即可安裝 Node.js1$ nvm install stable Hexo安裝Hexo 是一個快速、簡潔且高效的博客框架Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成。
靜態(tài)網頁所有必備的應用程序安裝完成后,即可使用 npm 安裝 Hexo1$ npm install -g hexo-cliHexo使用安裝好 Hexo 后,馬上就能使用了首先初始化博客,輸入:1$ hexo init myBlog 。
接下來,進入文件夾 myBlog,輸入1$ hexo s
然后,打開瀏覽器輸入地址:1localhost:4000
執(zhí)行到這里事實上博客就已經搭建好了,接下來就是去完善它。注意:下面的命令都是在 myBlog文件里進行操作的。添加文章
1.直接導入文章你可以將你平時寫的文章直接導入到 _posts 文件夾里,注意文章類型得是 md格式2.寫新文章你可以執(zhí)行下列命令來創(chuàng)建一篇新文章1$ hexo new [layout] 。
你可以在命令中指定文章的布局(layout),默認為 post,可以通過修改 _config.yml 中的 default_layout 參數(shù)來指定默認布局。
這樣在 _posts 文件夾里也生成了一篇新的文章。
生成網頁使用 Hexo 生成靜態(tài)文件快速而且簡單。1$ hexo generate 你也可以簡寫成1$ hexo g
啟動服務預覽文章輸入以下命令以啟動服務器,你的網站會在 http://localhost:4000 下啟動在服務器啟動期間,Hexo 會監(jiān)視文件變動并自動更新,無須重啟服務器1$ hexo server 。
你也可以簡寫成1$ hexo s 如果你想要更改端口,或是在執(zhí)行時遇到了 EADDRINUSE 錯誤,可以在執(zhí)行時使用 -p 選項指定其他端口,如下:1$ hexo server -p 5000
小總結1hexo new "我的博客文章" #新建文章 1hexo generate #生成網頁 1hexo server #啟動服務預覽 這三個命令依次就是新建一篇博客文章、生成網頁、在本地預覽的操作。
部署Hexo 提供了快速方便的一鍵部署功能,只需一條命令就能將網站部署到服務器上1$ hexo deploy你也可以簡寫成1$ hexo d 在開始之前,必須先在 _config.yml 中修改參數(shù),一個正確的部署配置中至少要有 。
type 參數(shù),例如:1deploy: 2 type: git
在_config.yml中進行修改。
這一步的目的是將 Hexo 與 GitHub 進行關聯(lián)配置好后通過1$ hexo d 命令,稍等片刻,網站就已經部署好了,可以在瀏覽器輸入你的GitHub名稱.github.io,這樣一個免費的博客就已經搭建好了。
Hexo 主題hexo 默認的主題可能顯得有點呆板,你可以在 https://hexo.io/themes/index.html進行主題的挑選更換將下好的主題安放在themes文件夾內,同時在_config.yml。
中進行主題修改就好了。
經過一個小時的主題篩選,我選擇了hexo-theme-matery 這款主題通過https://blinkfox.github.io/2018/09/28/qian-duan/hexo-bo-ke-zhu-ti-zhi-hexo-theme-matery-de-jie-shao/。
文檔說明,經過簡單的配置,效果就出來了!
一般大佬們提供的主題都會提供文檔說明,按照說明進行簡單的設置就能擁有一個酷炫的頁面了。
Markdown 寫作Markdown是一種可以使用普通文本編輯器編寫的標記語言,通過簡單的標記語法,它可以使普通文本內容具有一定的格式世面上支持 Markdown 語法的編輯器不勝枚舉,選擇起來十分困難,小吳在這里推薦 Typora 這款 Markdown 。
寫作軟件Typora 是一款免費的 MD 編輯器,它是優(yōu)雅簡潔與強大開放的完美結合體官網直達 https://typora.ioImage選擇 Typora 一個最主要的原因是它對圖片的良好支持在 Mac 上安裝好 iPic 后 ,并在設置中將圖片插入修改為 通過 iPic 上傳 ,
快捷鍵是 control + command + i ,就可以十分快捷優(yōu)雅地完成圖片插入。強調一點:圖床使用默認的微博圖床即可,建議不要折騰。
這樣,每次寫作時,將圖片拖入到 Typora 里,圖片就能自動上傳到圖床上總結申請 GitHub 賬號在 GitHub 上創(chuàng)建倉庫配備 Git ,同時將 SSH Key 提交到 GitHub 上安裝 Node.js
安裝 Hexo安裝 Hexo 主題使用 Markdown 軟件寫文章希望這篇文章能幫到想寫博客卻還沒付諸行動的人,畢竟擁有一個免費且酷炫的博客還是挺簡單還挺好玩的:)歡迎在評論區(qū)秀出你的網站。