hexo常用命令筆記

小弟調調發表於2015-03-30
Hexo筆記

hexo 皮膚Github
hexo 皮膚預覽

hexo

bashnpm install hexo -g #安裝  
npm update hexo -g #升級  
hexo init #初始化

簡寫

hexo n "我的部落格" == hexo new "我的部落格" #新建文章
hexo p == hexo publish
hexo g == hexo generate#生成
hexo s == hexo server #啟動服務預覽
hexo d == hexo deploy#部署

伺服器

hexo server #Hexo 會監視檔案變動並自動更新，您無須重啟伺服器。
hexo server -s #靜態模式
hexo server -p 5000 #更改埠
hexo server -i 192.168.1.1 #自定義 IP

hexo clean #清除快取 網頁正常情況下可以忽略此條命令
hexo g #生成靜態網頁
hexo d #開始部署

監視檔案變動

hexo generate #使用 Hexo 生成靜態檔案快速而且簡單
hexo generate --watch #監視檔案變動

完成後部署

兩個命令的作用是相同的
hexo generate --deploy
hexo deploy --generate

hexo deploy -g
hexo server -g

草稿

hexo publish [layout] <title>

模版

hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成靜態頁面至public目錄
hexo server #開啟預覽訪問埠（預設埠4000，'ctrl + c'關閉server）
hexo deploy #將.deploy目錄部署到GitHub

hexo new [layout] <title>
hexo new photo "My Gallery"
hexo new "Hello World" --lang tw

變數 描述
layout 佈局
title 標題
date 檔案建立日期 
title: 使用Hexo搭建個人部落格
layout: post
date: 2014-03-03 19:07:43
comments: true
categories: Blog
tags: [Hexo]
keywords: Hexo, Blog
description: 生命在於折騰，又把部落格折騰到Hexo了。給Hexo點贊。

模版（Scaffold）

hexo new photo "My Gallery"

變數 描述
layout 佈局
title 標題
date 檔案建立日期

設定文章摘要

以上是文章摘要 <!--more--> 以下是餘下全文

寫作

hexo new page <title>
hexo new post <title>

變數 描述
:title 標題
:year 建立的年份（4 位數）
:month 建立的月份（2 位數）
:i_month 建立的月份（去掉開頭的零）
:day 建立的日期（2 位數）
:i_day 建立的日期（去掉開頭的零）

推送到伺服器上

hexo n #寫文章
hexo g #生成
hexo d #部署 #可與hexo g合併為 hexo d -g

報錯

1.找不到git部署

ERROR Deployer not found: git

解決方法

npm install hexo-deployer-git --save

3.部署型別設定git

hexo 3.0 部署型別不再是github，_config.yml 中修改

bash# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: git@***.github.com:***/***.github.io.git
  branch: master

4. xcodebuild

xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance

npm install bcrypt

5. RSS不顯示

安裝RSS外掛

npm install hexo-generator-feed --save

開啟RSS功能

編輯hexo/_config.yml，新增如下程式碼：

rss: /atom.xml #rss地址  預設即可

開啟評論

1.我使用多說代替自帶的評論，在多說 網站註冊 > 後臺管理 > 新增新站點 > 工具 === 複製通用程式碼 裡面有 short_name

  1. 在根目錄 _config.yml 新增一行 disqus_shortname: jslite 是在多說註冊時產生的

  2. 複製到 themes\landscape\layout\_partial\article.ejs
    把

<% if (!index && post.comments && config.disqus_shortname){ %>
<section id="comments">
<div id="disqus_thread">
  <noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
</section>
<% } %>

改為

html<% if (!index && post.comments && config.disqus_shortname){ %>
  <section id="comments">
    <!-- 多說評論框 start -->
    <div class="ds-thread" data-thread-key="<%= post.layout %>-<%= post.slug %>" data-title="<%= post.title %>" data-url="<%= page.permalink %>"></div>
    <!-- 多說評論框 end -->
    <!-- 多說公共JS程式碼 start (一個網頁只需插入一次) -->
    <script type="text/javascript">
    var duoshuoQuery = {short_name:'<%= config.disqus_shortname %>'};
      (function() {
        var ds = document.createElement('script');
        ds.type = 'text/javascript';ds.async = true;
        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
        ds.charset = 'UTF-8';
        (document.getElementsByTagName('head')[0] 
         || document.getElementsByTagName('body')[0]).appendChild(ds);
      })();
      </script>
    <!-- 多說公共JS程式碼 end -->
  </section>
<% } %>

相關文章