如何從零基礎做好低價網站搭建（手把手教你搭建漂亮好看的個人網站）

發布時間：2024-07-30閱讀(12)

導讀一、前言由于平時自己喜歡看一些技術類文章整理成Word筆記，總感覺這種方式太low，想自己搭建屬于自己的博客，在網上查閱了一下，發現Hexo在GitHub或....

一、前言

由于平時自己喜歡看一些技術類文章整理成Word筆記，總感覺這種方式太low，想自己搭建屬于自己的博客，在網上查閱了一下，發現Hexo在GitHub或者是碼云上搭建博客非常給力。然后自己也搭建了博客，這篇文章就記錄了搭建的過程及一些優化。

二、入門Hexo

2.1、什么是Hexo

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(https://daringfireball.net/projects/markdown/) （或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。大家進入 Hexo官網(https://hexo.io/zh-cn/docs/) 進行查看。

2.2、安裝Hexo

安裝 Hexo 相當簡單。然而在安裝前，您必須檢查電腦中是否已安裝下列應用程序：

Node.js：https://nodejs.org/en/
Git：https://git-scm.com/
cnpm ：如果npm運行出錯就安裝cnpm國內鏡像

所有必備的應用程序安裝完成后，即可使用 npm或者cnpm 安裝 Hexo。

打開Git Bash here，輸入：

$ npm install -g hexo-cli 或者 $ cnpm install -g hexo-cli

檢查是否安裝Hexo完成,查詢是否成功，顯示hexo-cli 版本就說明成功了

$ hexo -V

2.3、建站

安裝一切所需的程序后，就可以開始建站了，就是創建我們的博客,大家也可以進入建站官網(https://hexo.io/zh-cn/docs/setup) 查看。

新建一個文件夾，來管理我們的博客項目，執行下列命令，Hexo 將會在指定文件夾中新建所需要的文件。

2.3.1、運行命令

$ hexo init <folder>$ cd <folder>$ cnpm install

注：<folder>是表示建站的博客項目名。

打開Git Bash here，輸入：

$ hexo init githubBlog

進入創建的博客項目下進行安裝

$ cd githubBlog$ cnpm install

安裝之后，整個博客項目目錄如下：

2.3.2、訪問URL

$ hexo server 或者$ hexo s

訪問URL：http://localhost:4000，效果如下圖：

到這里已經通過Hexo初步創建博客了，下面再來了解一下如何將我們的博客托管到GitHub服務器上。

2.4、托管到GitHub

2.4.1、GitHub創建repositories

進入GitHub官網中瀏覽器輸入 https://github.com/ ,如果還沒有賬號就創建一個賬號就好了。

登錄自己的賬號。直接new repositories 或者進入You repositories 再new repositories。

進入到創建 repositories 頁面后,一定要注意，將新建的repository的名字為: Your account name.github.io。其他默認就好了。

2.4.2、配置

GitHub的Repository創建好后，再回到本地的Hexo的githubBlog項目中，找到在項目的根目錄下_config.yml找到 deploy標簽

在該文件下面添加如下內容：

deploy: #部署 type: git repository: https://github.com/whb1990/whb1990.github.io.git branch: master

注：repository: https://github.com/whb1990/whb1990.github.io 是自己剛剛創建Your account name.github.io 的repository，在Clone with HTTPS里面，復制粘貼就好了，冒號后面記得空格。branch 后面是master就好了。