5分鐘 搭建免費(fèi)個(gè)人博客

五分鐘倒數(shù)已經(jīng)可以計(jì)時(shí)了。

三步完成免費(fèi)個(gè)人博客搭建, 這是一篇小白也能看懂的文章,本文主要針對(duì)mac OS ,Windows 除了軟件安裝方式和命令有些區(qū)別(裝了git bash也一樣),其他基本一樣。

你可能會(huì)經(jīng)常看到類(lèi)似于這樣的博客:

vno
這是打醬油的

在4分50秒以后你也能夠有一個(gè)類(lèi)似的blog了。

有簡(jiǎn)書(shū)了為什么還需要個(gè)人博客呢,除了裝逼,當(dāng)然還有個(gè)人博客更加自由,不受任何第三方管理,并且還能夠自定義成自己喜歡的樣子。還有,如果你是個(gè)程序猿,那就更沒(méi)有理由不自己搭建一個(gè)獨(dú)立博客了。
好了,不BB了。抓緊時(shí)間開(kāi)始。

1. 創(chuàng)建Github 域名和空間

1.1注冊(cè)

首先你需要注冊(cè)一個(gè)Github賬號(hào),已有的可以下翻去1.2 創(chuàng)建倉(cāng)庫(kù),注意username,這會(huì)影響到你的域名,你的域名將會(huì)是 username.github.io ,所以認(rèn)真的取個(gè)名字吧。

Create account

注冊(cè)過(guò)程可能需要驗(yàn)證你的郵箱,其他就不在贅述。

1.2 創(chuàng)建倉(cāng)庫(kù)

然后需要?jiǎng)?chuàng)建一個(gè)倉(cāng)庫(kù)(repository) 來(lái)存儲(chǔ)我們的網(wǎng)站,點(diǎn)擊首頁(yè)任意位置出現(xiàn)的 New repository按鈕創(chuàng)建倉(cāng)庫(kù), Respository name 中的username.github.io 的username 一定與前面的Owner 一致,記住你的username下面會(huì)用到。

Create reponsitory

第一步就已經(jīng)完成了,下面是安裝。

2. 安裝

Hexo 可以說(shuō)是目前最流行的博客框架了,基于Nodejs,更多信息可以google,下面需要安裝的工具包括 Git,Nodejs,Hexo。(Windows 用戶(hù)自行搜索這些工具,直接安裝即可,試過(guò)基本沒(méi)啥問(wèn)題)

  1. 安裝Git
    我就想問(wèn)問(wèn),還有誰(shuí)沒(méi)裝Git么?
    // 如果已安裝HomeBrew 無(wú)需執(zhí)行此行
    $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

     $ brew install git   // 安裝Git
    

你也可以通過(guò)下載安裝程序來(lái)安裝

  1. 安裝Nodejs
    先安裝nvm,這是Nodejs版本管理器,可以輕松切換Nodejs版本。 這里有兩種方式安裝。如果使用curl的方式安裝,安裝完成之后一定要重啟終端。
    1. Homebrew 安裝方式,此安裝方式無(wú)需重啟
    $ brew install nvm
    $ mkdir ~/.nvm
    $ export NVM_DIR=~/.nvm
    $ . $(brew --prefix nvm)/nvm.sh

     2. curl安裝方式
     $ curl https://raw.github.com/creationix/nvm/master/install.sh | sh
    

安裝完成后,重啟終端 并執(zhí)行下列命令即可安裝 Node.js。
$ nvm install 4

  1. 安裝Hexo
    以上所有都安裝完成之后再安裝Hexo
    $ sudo npm install hexo-cli -g

所有必須工具已經(jīng)安裝完成,下面我們就可以生成博客,上傳至我們的Github 倉(cāng)庫(kù)了。

3. 編寫(xiě),發(fā)布

接下來(lái)我們需要用Hexo初始化一個(gè)博客,然后更改一些自定義的配置,或者加上自己喜歡的主題,寫(xiě)上第一篇文章,然后發(fā)布到自己的個(gè)人Github網(wǎng)站(username.github.io)。

  1. 創(chuàng)建博客
    將下面的 username 替換成你自己的username(其實(shí)也無(wú)所謂,作者強(qiáng)迫癥),執(zhí)行成功后,會(huì)創(chuàng)建出一個(gè)名為 username.github.io 的文件夾。
    $ hexo init username.github.io

  2. 更改配置
    主題安裝
    為了使博客不太難看,我們需要安裝一個(gè)主題,切換至剛剛生成的Hexo 目錄,安裝主題
    $ cd username.github.io
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next
    這里選了一個(gè)極簡(jiǎn)的主題,也是Hexo眾多主題中最受歡迎的一個(gè)。上面出現(xiàn)的喵神的主題 在這里。Hexo也有更多主題供你選擇。
    基礎(chǔ)配置:打開(kāi)文件位置username.github.io/_config.yml修改幾個(gè)鍵值對(duì),下面把幾個(gè)必須設(shè)置的列出來(lái)按需求修改,記得保存, 還有注意配置的鍵值之間一定要有空格更多設(shè)置...
    title: dimsky 的 9 維空間 //你博客的名字
    author: dimsky //你的名字
    language: zh-Hans //語(yǔ)言 中文
    theme: next //剛剛安裝的主題名稱(chēng)
    deploy:
    type: git //使用Git 發(fā)布
    repo: https://github.com/username/username.github.io.git // 剛創(chuàng)建的Github倉(cāng)庫(kù)
    主題配置:
    主題配置文件在username.github.io/themes/next/_config.yml中修改,這里略過(guò)。設(shè)置詳情

  3. 寫(xiě)文章
    所有基礎(chǔ)框架都已經(jīng)創(chuàng)建完成,接下來(lái)可以開(kāi)始寫(xiě)你的第一篇博客了
    在username.github.io/source/_posts下創(chuàng)建你的第一個(gè)博客吧,例如,創(chuàng)建一個(gè)名為FirstNight.md的文件,用Markdown大肆發(fā)揮吧,注意保存。
    如:

     ---
     title: First Night
     ---
     > 我有一頭**小毛驢**,可是我從來(lái)都不騎。
    
  4. 測(cè)試
    $ hexo s
    測(cè)試服務(wù)啟動(dòng),你可以在瀏覽器中輸入https://localhost:4000 訪(fǎng)問(wèn)了。

  5. 安裝hexo-deployer-git自動(dòng)部署發(fā)布工具
    $ npm install hexo-deployer-git --save

  6. 發(fā)布
    測(cè)試沒(méi)問(wèn)題后,我們就生成靜態(tài)網(wǎng)頁(yè)文件發(fā)布至我們的Github pages 中。
    $ hexo clean && hexo g && hexo d
    如果這是你的第一次,終端會(huì)讓你輸入Github 的郵箱和密碼,正確輸入后,騷等片刻,就會(huì)把你的博客上傳至Github 了。以后在每次把博客寫(xiě)完后,執(zhí)行一下這個(gè)命令就可以直接發(fā)布了,灰常蘇胡。

  7. 5分鐘應(yīng)該快到了
    是不是很快,恭喜你能走到這一步,你的博客已經(jīng)完成了,在瀏覽器中輸入 http://dimsky.github.io 就能夠訪(fǎng)問(wèn)了。
    最后應(yīng)該是類(lèi)似這個(gè)樣子的

時(shí)間有限,這里只說(shuō)到了簡(jiǎn)單的博客創(chuàng)建流程,還有很多很好玩的配置與插件。比如說(shuō)評(píng)論、標(biāo)簽、統(tǒng)計(jì)等等。慢慢的完善你的專(zhuān)屬博客吧。

更多

更多主題
更多插件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容