當前位置:陽光暱稱網 >

計算機網絡 >軟件技術 >

Windows下如何搭建免費個人博客 三步搭建免費個人博客

Windows下如何搭建免費個人博客 三步搭建免費個人博客

Windows下如何搭建免費個人博客?無論是我們的工作還是生活的需要,我們都需要擁有一個屬於自己的博客,那麼免費的個人博客如何搭建呢?今天小編就爲大家詳細講解一下Windows下三步搭建免費個人博客吧。

Windows下如何搭建免費個人博客:

1、創建Github 域名和空間

1.1註冊

首先需要註冊一個Github賬號,如果你已經有請跳過此步直接看1.2創建倉庫,注意username,這會影響到你的域名,你的域名將會是 ,所以認真的取個名字吧。

Windows下如何搭建免費個人博客 三步搭建免費個人博客

註冊過程可能需要驗證你的郵箱,其他就不在贅述。

1.2創建倉庫

然後需要創建一個倉庫(repository) 來存儲我們的網站,點擊首頁任意位置出現的 New repository按鈕創建倉庫,Respository name 中的 的username一定與前面的Owner 一致,記住你的username下面會用到。

Windows下如何搭建免費個人博客 三步搭建免費個人博客 第2張

第一步就已經完成了,下面是安裝。

2.安裝

下面需要安裝的工具包括Github,Nodejs,Hexo。Windows 用戶自行搜索這些工具,直接安裝即可。安裝和git(安裝的是GitHub)。hexo利用開發,安裝Github、Nodejs後,用命令安裝hexo。

2.1安裝Github

可以去GitHub官方網站下載。下載後直接安裝即可。

2.2安裝Nodejs

到nodejs官方網站直接下載,下載下來的msi包一直點擊下一步即可,當然可以選擇安裝目錄,本人選擇安裝在了D盤(c盤分的太小了)。我安裝的是第一個版本。

Windows下如何搭建免費個人博客 三步搭建免費個人博客 第3張

2.3安裝Hexo

以上都安裝完成之後再安裝Hexo,打開Git shell,如圖

Windows下如何搭建免費個人博客 三步搭建免費個人博客 第4張

輸入命令 npm install -g hexo

Windows下如何搭建免費個人博客 三步搭建免費個人博客 第5張

到這裏所有必須工具已經安裝完成,下面我們就可以生成博客,上傳至我們的Github 倉庫了。

3. 編寫,發佈

接下來我們需要用Hexo初始化一個博客,然後更改一些自定義的配置,或者加上自己喜歡的主題,寫上第一篇文章,然後發佈到自己的個人Github網站()。

3.1創建博客

將下面的 qingfeng825 替換成你自己的username,執行成功後,會創建出一個名爲 的文件夾,博客相關的配置、主題與文本內容等都在此目錄下由 hexo 進行管理。當然這裏的命令也是在Git Shell中敲的。

命令爲:npm init  

Windows下如何搭建免費個人博客 三步搭建免費個人博客 第6張

3.2編輯文章

完成上述步驟後,本地的 hexo 已經基本搭建完成了。現在,我們希望新建一篇名爲Hello World的文章(我不會告訴你我是做Android開發的)。在 shell 中執行:cd 將工作目錄切換到下,如果已經在此目錄下則直接進行如下命令hexo new "Hello World"!,然後輸入命令:hexo server,成功執行上述指令後,打開瀏覽器,訪問 localhost:4000,如果出現下圖中的Hello World則說明你的 hexo 博客已經搭建成功了。如果你希望退出服務,輸入 ctrl + C 即可。

Windows下如何搭建免費個人博客 三步搭建免費個人博客 第7張

沒有出現完全相同的界面也不要急,因爲我是提前做好了主題設置,下面會涉及到只要看到Hello World即可。

3.3安裝hexo-deployer-git自動部署發佈工具

要想把文章發佈出去,必須安裝deployer命令如下圖

Windows下如何搭建免費個人博客 三步搭建免費個人博客 第8張

3.4修改_

發佈之前還有一些工作要做那就是配置_,

deploy:

type: git

repo: :qingfeng825/

branch: master

看準了所有:後面有一個英文空格,沒有會出錯的。

3.5發佈

配置完這些信息後可以敲命令瞭如圖。兩個命令分別爲hexo generate和 hexo deploy(注意順序不要亂)

Windows下如何搭建免費個人博客 三步搭建免費個人博客 第9張

完成這些操作之後你就可以點擊訪問了。最後應該是類似這個樣子的。

Windows下如何搭建免費個人博客 三步搭建免費個人博客 第10張

4 主題設置

選擇一款適合你的主題hexo 默認的主題樣式是 landscape,也許你希望使用更多樣、更個性化的主題風格。在 github 上有許多開源的 hexo 主題,你只需要把它們克隆到 ~/blog/themes 目錄下,並在 ~/blog/_ 的 theme 屬性中設置你希望使用的主題,然後重新生成頁面部署即可。這裏推薦幾個在 github 上 star 數較高的主題:

Yilia

next

這些主題怎麼配置在這裏就不講了,因爲他們都是開源的而且項目本身介紹已經很詳細。當然,如果你自己就是一名優秀的前端工程師,甚至可以自己定製一份屬於自己獨一無二的hexo-theme,你還可以把你的作品開源到 github 上供更多的 hexo用戶使用與學習。

  • 文章版權屬於文章作者所有,轉載請註明 https://ygncw.com/jisuanji/ruanjian/ejwlgy.html