喲呵，Github 免費從 0 到 1搭建我的博客網站

喲呵，Github 免費從 0 到 1搭建我的博客網站

小帥b 學習python的正確姿式
以前有朋友說想要搭建本身的博客玩玩，因而就有了這篇：

使用 wordpress 從0到1搭建一個屬於你本身的博客網站

後來有些朋友以爲略麻煩，又要整服務器整域名，又要搭建各類 PHP、Mysql 環境啥的，就單純的想寫寫文章裝個x，能不能不整那麼多花裏胡哨的東西？

好巧不巧，挺久以前我就寫過如何搭建以及使用 Github pages 來託管靜態博客網站的教程，姨媽巾式的範側漏那種：

目錄
使用 Hexo 搭建我的網站

1. 開始搭建
2. 優化博客主題
3. 你的第一篇博客文章
4. 打上標籤
5. 打上分類
6. 添加評論功能

讓全世界的人都認識你

1. 建立 Github pages 倉庫
2. 安裝 hexo-deployer-git
3. 配置你的 Git
4. 推送你的網站到 Github 上
5. 訪問你的網站
6. 完事，開啓你的裝x之旅

 還想要點個性？

1.購買域名
2.如何綁定域名
3.完事

那麼接下來就分享給你，但願對你有幫助。

（瘋狂暗示三連）

使用 Hexo 框架來搭建我的網站

這兩天我從新整理了一下本身的 Blog ，由於我以前用的 Octopress 框架，有些年頭了，一些主題和插件並非不少。
後來對比了幾個框架，發現 Hexo 不錯，和 Octopress 差很少，也是能夠用 Markdown 寫文章，而後生成靜態網站，Hexo 主題豐富一些。
Hexo 是基於 nodejs 的，搭建起來很簡單。那麼接下來就說說如何從 0 開始使用 Hexo 搭建我的博客吧。

開始搭建

1. 由於 hexo 是基於 node 框架的，因此呢，咱們首先須要下載安裝node，下載地址：https://nodejs.cn/
2. 安裝完以後，咱們打開命令窗口，輸入 node -v ，若是返回下圖所示，那麼就說明你安裝 node 成功了。

node 版本

3.安裝成功後，咱們在命令行窗口運行以下命令來安裝 hexo：

npm install hexo-cli -g

4.初始化博客目錄：

hexo init xxx.github.io (這裏的xxx換成你本身的英文名)

5. 初始化完成後，咱們就進入咱們的目錄：

cd xxx.github.io

6.安裝

npm install

7.clean一下，而後生成靜態頁面

hexo clean
hexo g

g 就是generate ,生成的意思

8.把你的網站運行起來

hexo s

s 就是server ，在服務上運行的意思

9.打開你的瀏覽器，輸入 localhost:4000 。自此，你的我的網站就這麼速度的搭建起來了！

hexo

優化 hexo 博客主題

進入你的網站目錄，打開 _config 文件，這個文件是用來配置你的網站信息的。

這裏列出個人簡單配置，具體能夠看這個Hexo配置文檔：https://hexo.io/docs/configuration.html

title: fxxkpython
subtitle: 小帥b
description: xx的我的博客，主要涉及到編程（Java，Python，Linux等），我的提高學習，視頻教程
keywords: java，python，教程
author: wistbean
language: zh

選一個Hexo主題

剛搭建完的網站，是否是以爲有點醜，不符合你的漂亮的臉龐？反正我是這麼以爲的，那麼就選一個主題來裝飾一下吧，在這裏能夠選擇你要的主題，知乎答主們推薦的hexo主題大全：https://www.zhihu.com/question/24422335

下載Hexo主題

慢慢挑，選擇好了你的主題以後，就能夠下載主題資源了，好比我這裏選擇一個 NEXT 主題來演示一下，在你的目錄中輸入如下命令：

git clone https://github.com/iissnan/hexo-theme-next themes/next

這裏主要就是將主題下載到咱們的themes目錄下。

配置主題

主題下載完以後，在你根目錄下的 _config.yml 文件中，修改 theme 爲你的主題名字：

theme: next

從新生成和運行

hexo g
hexo s

訪問一下看看，是否是比以前好看多了？

hexo next主題

hexo博客的第一篇文章，打上標籤和分類

你已經把你的網站打扮的漂亮大方簡潔惹人愛了，那麼接下來就要好好去寫內容了，內容纔是重要的。

兩種方式來新建你的博文

命令形式

在你的 blog 目錄下使用以下命令：

hexo new article （這裏的article寫上你的文章的名稱）

輸入這樣的命令以後你的 source/_posts 下就會生成一個 article.md 文件，在這個文件下就能夠寫上你的博客內容了。
用 Markdown 的語法去寫。

直接新建方式

直接點的方式就是直接在source/_posts新建一個 Markdown 文件，其實和命令形式是一個道理，只不過命令形式用了命令來建立。推薦使用命令的方式，畢竟 Geek 一點。

給你的文章打上標籤

在你的博客中打標籤能讓你的文章方便檢索。
hexo打開標籤功能：

hexo new page tags

這時候你的 source/ 下生成 tags/index.md 文件，咱們將其打開，而後把它改爲：

type: "tags"
comments: false

這時候你要爲你的文章打上標籤就能夠在文章的頭部寫上：

tags:
    - Tag1
    - Tag2
    - Tag3

好比我如今的這篇文章打的標籤就是這樣的：

tags:
    - 我的網站
    - 教程
    - hexo
    - blog
    - Git
    - Nginx

給你的文章添加分類

分類，歸檔，是你博客的特性之一。把文章分門別類，方便查看。
打開hexo分類功能：

hexo new page categories

一樣的，你的 source 目錄下生成 categories/index.md 文件，咱們將其打開，把它改爲：

type: "categories"
comments: false

這時候你就能夠給你的文章歸類存檔了，使用方式就是在你的文章的頭部加上：

categories:
         - 分類1
         - 分類2

好比我如今的這篇文章的分類就是這樣的：

categories:
    - 我的網站
    - 教程

注意：標籤和分類要肯定你的配置文件 _config.yml 是否有打開了 tag_dir: tags 和 category_dir: categories。另外，Markdown 的語法是寫做最優雅最簡潔最簡單的，若是以前沒用過的建議去學一下Markdown 語法說明，通常一個鐘左右就能掌握。由於它和 HTML 那樣簡單。

給你的文章添加評論

當別人看了你的文章，有問題想跟你探討，沒評論怎麼行？評論也是你的 Blog 交互的重要方式之一。
如今不少 hexo 主題都內置了第三方評論的系統。比較經常使用的有：

• 多說 ：http://duoshuo.com/
• 暢言 ：https://changyan.kuaizhan.com/
• Valine：https://github.com/xcss/Valine
• Disqus：https://disqus.com/
• 友言: http://www.uyan.cc/
• gitment: https://github.com/imsun/gitment
  本身去看一下，喜歡哪一個用哪一個，本身的 Blog 就是要自由。
  選好你的評論系統以後，進入平臺註冊後，平臺會給你一個 APPID 和 appkey。拿到這些信息到你的主題下的配置文件下設置。
  以 next 主題和暢言評論爲例：進入你的themes/next,打開_config.yml，定位到 changyan ，把 enable 改成 true。

changyan:
  enable: true
  appid: 這裏寫上你的暢言在appid
  appkey: 這裏寫上你的暢言在appkey

設置好以後，從新clean生成一下就有評論啦：

hexo clean
hexo g
hexo s

打開你的預覽鏈接看看你的文章下方，已經有評論功能啦。以下圖就是我博客的評論功能：

評論

讓全世界的人都認識你

已經搞定了我的blog，接下來固然是要部署到網上讓人家訪問了，若是不想花錢，可使用GitHub Pages，使用它就能夠部署本身的網站啦。
對於 GitHub 不知道怎麼用的童鞋，能夠看一下個人這個教程：GitHub徹底使用指南：https://vip.fxxkpython.com/?cat=6

建立 Github pages 倉庫

接着建立一個 xxx.github.io 的 public 倉庫，這裏的xxx寫你的名字，好比我寫的是 wistbean.github.io，那麼到時我就能夠經過 wistbean.github.io 來訪問個人網站了。
建立完成以後，那麼你就有本身的 Git 地址了。

安裝 hexo-deployer-git

在你的博客目錄下輸入以下命令，這樣你在本地寫的文章才能 push 到 GitHub 上面去。

npm install hexo-deployer-git --save

配置你的Git

打開你的配置文件，而後輸入你的 git 地址：

deploy:
    type: git
    repo: https://github.com/xxx/xxxx.github.io.git

推送你的網站到Github上

直接輸入命令 ：hexo d

d 就是 deploy ， 部署上去的意思。

訪問你的網站

這樣push上去以後，你就能夠直接在瀏覽器輸入你的 xxx.github.io 就能夠訪問啦！

要有點個性，綁上你的域名

若是你不喜歡千篇一概的 xx.github.io 域名，能夠本身綁定一個本身的域名。

購買域名

關於域名的購買我比較推薦去 dynadot 或者 godaddy，這是國外的域名商，可使用支付寶購買，不須要備案，使用起來不錯的。綁定
買完你的域名以後，接下來幾個步驟輕鬆搞定：

添加 CNAME 文件

在你的博客的 sources 目錄下新建一個 CNAME 文件，這個文件裏面就寫你的域名就能夠了，好比：www.xxxx.com。 接着將文件push到你的 GitHub上，可使用 hexo d 命令。

在你的域名商後臺進行 DNS 解析添加兩條記錄：

1. 主機記錄：@
    記錄類型：A
    記錄值：192.30.252.154 或者 192.30.252.153

2. 主機記錄：www
     記錄類型：CNAME
     記錄值：xxx.github.io  (這裏就是你的github倉庫名稱)

GitHub 設置域名

在你的 GitHub 設置域名，在你的 GitHub 博客項目中點擊 Settings，在 GitHub Pages 下的 Custom domain 寫上你的域名，而後 save。

GitHub 設置域名

至此，你已經搭建好了本身的博客，託管你的網站到 GitHub 了，也綁定了你本身的域名了，那麼這時候你的網站就能夠被全世界的人看到了。ok，以上就是小帥b今天給你帶來的分享，但願對你有幫助，那麼咱們下回見，peace！