0元快速搭建屬於本身的博客

我的博客地址http://lx.nextdev.top

這篇文章介紹瞭如何用coding page +hexo 無成本搭建我的博客。

需求環境：

必須環境：

• Git

• Node.js

---

開始

• 快速開始

  • 打開 cmd 輸入：

npm install -g hexo-cli

• 新建hexo項目：

hexo init <項目名稱>

• 而後安裝依賴：

npm install

• 完成!

---

• 修改網站配置

  在 _config.yml 中能夠修改配置。

  • 網站主配置：

title: 博客的名稱
subtitle: 副標題
description: 博客的短描述
author: 做者
language: zh-Hans

• 域名配置：

url: 你的域名
root: 網站根目錄,默認爲/
permalink: 文章URL配置

• 主題配置：

theme: 在這裏能夠設置主題

推薦使用 next主題

• git配置：

deploy:
  type: git
  repo: 項目庫地址
  branch: 分支

• 配置完成後輸入：

npm install hexo-deployer-git --save

• OK!博客配置完了

---

• 使用Next主題

• 項目地址

• 在線預覽

• 項目文檔

開始使用

用 cmd 打開 hexo 項目目錄，輸入：

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

打開站點配置文件，修改如下代碼：

theme: next

---

運行

在 cmd 中輸入：

hexo g

而後再輸入：

hexo s

打開瀏覽器輸入：

http://localhost:4000/

成功！

部署到coding

在 cmd 中輸入：

hexo d

---

拓展

下文的主題配置文件爲 \博客\themes\next\_config.yml

• 開啓炫酷背景：

  • 打開主題配置文件並找到：

canvas_nest: false

• 改成：

canvas_nest: true

• 添加打賞功能

  • 打開主題配置文件,修改如下內容

reward_comment: 打賞信息
wechatpay: 微信掃碼支付的圖片地址
alipay: 支付寶掃碼支付的圖片地址

---

好了，你的博客到此爲止，已經搭建完成。