Hexo搭建本身的博客

什麼是 Hexo？

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown（或其餘渲染引擎）解析文章，在幾秒內，便可利用靚麗的主題生成靜態網頁。

工具準備（mac）

• Git

• Node.js (Should be at least nodejs 6.9)

1.安裝hexo

$ npm install -g hexo-cli
複製代碼

若是安裝不成功

2.建立一個文件夾用於初始化hexo

mkdir /blog
cd /blog
hexo init
npm install
複製代碼

新建完成後，指定文件夾的目錄以下：

├── _config.yml
├── package.json
├── scaffolds
├── source
   ├── _drafts
   └── _posts
└── themes


node_modules  npm 文件緩存目錄
scaffolds     文夾件下存放的是文章、頁面模版
scource       文夾件下存放的是咱們的資源文件
themes        文件下存放的是咱們的主題文件
.gitignore    git 忽略文件，設置提交文件時，哪些文件不提交
_config.yml   站點配置文件
package.json  站點版本，站點依賴文件
yarn.lock     yarn.lock 文件由 Yarn 自動建立，而且徹底經過 Yarn 進行操做。

複製代碼

3.生成靜態文件。

hexo generate（hexo g）

複製代碼

4.啓動

hexo server（hexo s） 
hexo s -p 5000  指定端口
複製代碼

默認端口4000，好的這個時候讓咱們來看看效果 訪問地址：http://localhost:4000

嗯...醜哭

至此搭建的步驟已經完成了，後面找個好看的主題美化一下

hexo 經常使用命令

$ hexo generate (hexo g) 生成靜態文件
$ hexo server (hexo s) 啓動本地服務
$ hexo deploy (hexo d) 提交到遠程倉庫
$ hexo new page "xx"(hexo n page) 建立頁面 
$ hexo new "xx" (hexo n "") 建立文章
$ hexo d -g 生成靜態並提交到遠程倉庫
$ hexo s -g 生成靜態文件並啓動本地預覽
$ hexo clean 清除本地 public 文件
複製代碼

Hexo主題

Hexo主題

找到你喜歡的主題

打開的是一個github的地址，把這個下載到/blog 下面的themes文件夾裏

git clone ....
複製代碼

而後修改/blog下面的_config.yml,修改主題爲下載的文件夾名

theme: hexo-theme-typescript
複製代碼

而後還須要下載一下依賴,挨個安裝哦

npm install xxx
複製代碼

安裝好了之後hexo s啓動

哇哦～

Hexo文章編寫

安裝admin插件

npm install --save hexo-admin
複製代碼

再次啓動項目

訪問：http://localhost:4000/admin

1.先新建一個文章

hexo new a (a是你的文章文件名)
複製代碼

而後刷新admin頁面，點進去編輯就能夠了，圖片直接粘貼也沒問題的

Hexo github 博客

1.安裝插件

$ npm install hexo-deployer-git --save

複製代碼

在你的github新建公開倉庫，名稱爲：你的登陸名.github.io(必須)

新建以後複製地址，記得要複製ssh的地址，不要https的

2.修改配置_config.yml

deploy:
  type: git
  repo: 你本身的項目地址
  branch: master
複製代碼

3.將目錄下面的public文件夾提交到git

hexo d
複製代碼

4.大功告成

Hexo 添加評論

leancloud

先去註冊個號，而後建立應用，在設置裏複製Appid和Appkey

修改theme文件下你下載的主題的配置

valine:
  enable: true # !!if you want use valine comment system,please set enable: true
  appId: 你的appid
  appKey: 你的appKey
  guest_info: nick,mail,link #valine comment header info
  placeholder: 說點啥在走啊 # valine comment input placeholder(like: Please leave your footprints )
  avatar: mm # gravatar style https://valine.js.org/avatar
  pageSize: 10 # comment list page size
  verify: false # valine verify code (true/false)
  notify: false # valine mail notify (true/false)
  lang: zh-cn
複製代碼

看效果！！！

到底爲止吧....

安裝的過程當中可能會有各類問題，環境和系統不一樣致使的吧，若是啓動的過程當中有什麼迷之bug，能夠hexo clean ，而後hexo g試試。。。

沒了。。。

最後貼一下github的博客 isu-jing.github.io/

我本身的我的訂閱號，是一個智障聊天機器人。。。