在Coding上搭建Hexo個人博客


先注冊一個Coding賬號,然后創建一個項目這個項目的名字應該是{username}.coding.me

安裝hexo腳手架

$ npm install -g hexo-cli

建站

安裝完 Hexo 后,就可以正式開始建站了。

在終端中輸入以下內容:

$ mkdir Hexo
$ hexo init Hexo
$ cd Hexo
$ npm install

其中,Hexo 是文件夾的名字,可以修改。

修改_config.yml文件

在本地瀏覽自己的博客沒問題后,我們就需要把它部署到 Coding 上了,先在根目錄下找到_config.yml文件,並進入編輯。我們找到deploy這一項,修改看下面:

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  #我們是使用 git 來部署的。
  type: git
  # git 倉庫的地址。
  repo: https://git.coding.net/johnh/myblog.git
  # 分支名稱。
  branch: master

按照上面的修改好_config.yml文件過后,我們還需要安裝hexo-deployer-git才能夠部署到 Coding 上面。

npm install hexo-deployer-git --save

接着我們就生成靜態頁面和把代碼push到 Coding 上:

$ hexo g
...

$ hexo d
...

注意把代碼push到 Coding 上之前會讓你輸入你的 Coding 用戶名和密碼。

更換皮膚

1.我選擇了hexo-theme-yilia這個主題,簡潔大方,功能齊全;

這是他的地址:https://github.com/litten/hexo-theme-yilia

.具體添加方法:

安裝
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
 
配置
修改hexo根目錄下的 _config.yml : theme: yilia
$ hexo g
...

$ hexo d
...

 錯誤(缺少模塊)

 
         

缺失模塊。
1、請確保node版本大於6.2
2、在博客根目錄(注意不是yilia根目錄)執行以下命令:
npm i hexo-generator-json-content --save

3、在根目錄_config.yml里添加配置:

 
         
  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM