搭建hexo博客系統

時間 2019-12-14

標籤搭建 hexo 博客系統简体版

原文原文鏈接

搭建hexo博客系統
前幾天完成了一個hexo主題，便想着出一篇關於搭建hexo博客系統的博客。在正文開始以前，假設你已掌握以下技能：css

git基本操做
hexo命令

npm install hexo-cli -g
// 在你準備存放項目的路徑下
hexo init blog

下載 hexo-theme-sky 主題git

cd blog
git clone https://github.com/iJinxin/hexo-theme-sky theme/sky

修改博客根目錄下的配置文件 _config.yml ,啓用 sky 主題github

theme: sky

安裝依賴項npm

npm install
npm install hexo-renderer-scss --save

運行hexo

hexo server

啓動服務後，訪問 http://localhost:4000 預覽主題app

到目前爲止，本地博客系統就已經啓動完成了。
更多配置
設置站點使用語言
主題默認使用中文，能夠在 _config_yml 中修改 languages 字段進行修改ssh

languages: en

目前支持的語言：佈局

簡體中文：zh-cn
英文：en

若是你有興趣添加其餘語言在主題中能夠給我發PR。post

設置建站時間, 做者
底部默認的建站時間爲今年

© 2018 by John Doe

修改 _config 中 author 字段，而後添加 since 字段

author： iJinxin
since: 2017

修改後的效果爲

© 2017 - 2018 by iJinxin

添加標籤頁
新建標籤頁

hexo new page tags

編輯生成的 tags/index.md 文件，設置 tags 佈局

layout: tags

在主題配置文件 themes/_config.yml 文件中

# menu
menu:
  Home: /
  Archives: /archives
  Tags: /tags

添加分類頁
新建分類頁

hexo new page categories

編輯生成的 categories/index.md 文件，設置 categories 佈局

layout: categories

添加About頁面
新建about頁

hexo new page about

編輯生成的 about/index.md 文件，設置 about 佈局

layout: about

在主題配置文件 themes/_config.yml 文件中

# menu
menu:
  Home: /
  Archives: /archives
  Tags: /tags
  About: /about

設置底部社交信息
目前僅引入了github, 微博，知乎

在配置文件 _config.yml 添加社交帳號名

github_username: your github username
weibo_username:
zhihu_username:

添加評論服務
主題使用了 gitment，在使用以前，須要獲取client ID，和client seret。

點擊這裏註冊一個新的 OAuth Application。其餘內容能夠隨意填寫，但須要保證填入正確的callback URL （通常是評論頁面對應的域名，如 https://imsun.net，https://iJinxin.github.io/ 等）

而後在配置文件 _config.yml 中添加評論

comment:
  owner: your github ID
  repo: 存儲評論的repo
  id: your client ID
  secret: your client seret

更多關於 gitment 的介紹，能夠查看做者博客

示例
在 source/_post 目錄下新建 hello.md 文件, 內容以下

---
title: hello,
date: 2018-10-29 10:10:10
tags: thinking
categories: 隨筆
---

這裏是文章的開頭部分，在設置了「閱讀全文」功能後，首頁只顯示該部分的文字
<!-- more -->
這裏是文章的剩下部分，點擊「文章標題」或者「閱讀全文」後才能看見。

使用github page搭建線上版本
網上有不少教程，具體能夠參考這一篇

須要注意的是，若在本機上沒有設置SSH的話，在發佈時會報錯，如何在本機上設置SSH能夠參考設置SSH。

## 最後