網站搭建過程

1、前期準備

Windows10+Github+hexo搭建
提前說下，我這個網站使用的主題來自Github上ZEROKISEKI對“憂鬱的弟弟”網站的移植。
因爲個人興趣很喜歡這個主題，十分感謝ZEROKISEKI的移植。
下面附上源主題鏈接，大家可以去支持下。
這個是我們這次搭建博客的目標樣式，大家也可以看下 liuchengblog.github.io
然後正式開始

2、git的下載與安裝

1）git和GitHub的關係以及爲什麼要用git
   git的專業名稱叫做：分佈式版本控制系統。
   Github簡單來說就是個存放代碼的倉庫。
   我們網站搭建完成後，肯定要進行一些改動，或是修改網頁設計，或是添加刪除文章等。git的作用相當於對每次進行修改的文件打上版本號，保證我們每次從倉庫中讀取的文件是最新的版本。
2）git的下載
   官網的鏈接、百度雲鏈接 提取碼: d63x
3）git的安裝與配置
   安裝沒有什麼好說的，一直狂點next，最後點擊install就好。
   安裝好之後在桌面點擊右鍵 Git Bash Here
    
   在打開的窗口中輸入如下指令：ssh-keygen -t rsa
    

3、Node.js的下載與安裝

1）Node.js的下載和安裝
   官網的鏈接、百度雲鏈接 提取碼: wsti
   安裝也是一直狂點next就好
2）更換國內鏡像
   以管理員身份運行命令提示符
   輸入如下命令：

npm config set registry https://registry.npm.taobao.org  
npm config get registry  //返回https://registry.npm.taobao.org，說明鏡像配置成功。  
npm install -g cnpm --registry=https://registry.npm.taobao.org  

4、安裝Hexo搭建Hexo博客

1）安裝Hexo
   打開 git bash，輸入如下命令：
   $ cnpm install -g hexo-cli
2）搭建Hexo博客
   在電腦上新建一個專門用來存放你的博客的文件夾，如 D:\Test
在該文件夾下 右鍵-git bash here，然後輸入：
     hexo init
     hexo server
   完成之後，瀏覽器訪問 http://localhost:4000 ，即可看到hexo博客頁面
    

5、Github上創建網站代碼倉庫

1）創建倉庫
   在GitHub上創建以你的GitHub用戶名（注意不是暱稱）命名的項目，例如我的GitHub用戶名爲 LiuChengBlog 那麼我就創建一個名字爲：LiuChengBlog.github.io 的項目。
    
2）創建SSH連接
   打開Github的設置界面，依次點擊SSH and GPG keys和New SSH Key
    
   然後用記事本打開如圖路徑下的 id_rsa.pub 文件
    
   將記事本中的全部內容複製到剛剛打開的SSH Keys的界面中，再點Add SSH key
    
3）複製倉庫地址
   創建好倉庫後點開倉庫，複製如圖中的倉庫地址
    

6、配置Hexo

   打開剛纔新建的Test文件夾，用記事本打開_config.yml配置文件，找到deploy，進行如下配置，完成保存。注意格式不能錯。

deploy:
  type: git  
  repository: https://github.com/qiuyeyijian/  qiuyeyijian.github.io.git   //將地址換成自己的  
  branch: master

   然後在Test文件夾下打開Git Bash，輸入如下命令：

npm install hexo-deployer-git –save
hexo g  //（本地生成靜態文件）
hexo d  //（將本地靜態文件推送至Github）

   在Test文件夾下的Git Bash中，輸入如下命令下載主題，這裏以我這個用的主題爲例

$ git clone https://github.com/ZEROKISEKI/hexo-theme-gal themes/gal

   然後找到博客根目錄下的config.yml配置文件中的theme屬性，將其設置爲gal
   在根目錄下的config.yml配置文件中添加如下的代碼

jsonContent:
  dateFormat: MM-DD
  pages:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    preview: true
  posts:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    tags: [{
      name: tag.name,
      slug: tag.slug,
      permalink: tag.permalink
    }]
    preview: true

   在Test文件夾下的Git Bash中，輸入如下命令

npm install hexo-renderer-sass --save 
npm install hexo-generator-json-content --save
hexo new page "search"              // 搜索功能的必須步驟
hexo new page "404"                // 開啓404頁面
hexo new page "tags"              // 開啓標籤功能
hexo new page "categories"       // 開啓分類功能

   最後再次輸入如下命令

hexo g  //（本地生成靜態文件）
hexo d  //（將本地靜態文件推送至Github）

7、結束

至此，基礎的設置都已經結束，現在打開你的網址應該就可以看到網頁了
例如我自己創建的，就輸入： liuchengblog.github.io
之後還會更新網站的完善和碰到的問題的解答